Когда я тестирую свой index.html в Firefox с помощью console.log, он читает странную ошибку, которая говорит. Я не могу запустить oage в Google Chrome или IE.

мусор после элемента документа

Эта ошибка вызвана страницей main.html

<h1>This is my main</h1>

<h3>Scope value: {{ name }}  </h3>

Я просто изучаю angular.js, на самом деле мой код точно такой же, как в этом руководстве, которому я следовал, но я не могу понять, почему он не работает. Может ли кто-нибудь указать мне в правильном направлении и сказать мне:

Почему я получаю сообщение об ошибке журнала консоли: Нежелательная почта после ошибки документа, и почему я не могу заставить работать ngview и templateURL на своем сайте?

Спасибо!

Пример моего Plnkr

App.JS:

var myApp = angular.module('myApp', ['ngRoute']);



myApp.config(function ($routeProvider) {


             $routeProvider

             .when('/', {
                 templateUrl: 'pages/main.html',
                 controller: 'mainController'



             })

                   .when('/second', {
                 templateURL: 'pages/second.html',
                 controller: 'secondController'




             })


});

myApp.controller('mainController', ['$scope', '$log', function($scope, $log) {

                                    $scope.name = 'Main';


   }]);


myApp.controller('secondController', ['$scope', '$log', function($scope, $log) {

                                    $scope.name = 'Second';


   }]);

Index.HTML

<header>            <nav class="navbar navbar-default">             <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="/">AngularJS</a>
        </div>

        <ul class="nav navbar-nav navbar-right">
            <li><a href="#"><i class="fa fa-home"></i>Home</a></li>


            <li><a href="#/second"><i></i>Second</a></li>

        </ul>           </div>          </nav>      </header>

<div class="container">

    <div ng-view></div>
            </div>

Main.HTML

<h1>This is my main</h1>

<h3>Scope value: {{ name }}  </h3>

Второй.HTML

<h1>This is my second</h1>

<h3>Scope value (on second page): {{ name }}  </h3>