Firefoxの迷惑メールのAngular.JSの文書要素エラー

Question

Firefoxのconsole.logでindex.htmlをテストすると、奇妙なエラーが表示されます。 Google ChromeやInternet Explorer上で実行することはできません。

junk after document element

このエラーは、main.htmlをページ

<h1>This is my main</h1> 

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

によって引き起こされる「私はちょうど私のコードは正確に私が従っていました。このチュートリアルのようなものです実際には、angular.jsを学んでいるが、私はすることができますなぜ動作していないのか理解していない。誰でも正しい方向に私を指摘して教えてください：

Why am I getting the console log error: Junk after document error, and why can't I make ngview and templateURL work on my site?

ありがとう！

My Plnkr Example

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を

彼らはローカルホスト機能を内蔵しておりません原因210

<h1>This is my main</h1> 

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

Second.HTML

<h1>This is my second</h1> 

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

Answer 1

コードは、IEやChrome上では動作しません。 Firefoxはそうです。

エラーに関して、私は100％は確信していませんが、ブラウザ自体に角度HTML形式のサポートが関係していると思います。同じ問題を抱えています。しかし、Firefoxのエラーを除いてアプリは正常に動作しています。

Chrome：エラーは発生しません。

MSエッジ：エラーはありません。

IE：エラーなし

===========================

更新

使用してみてください大括弧のテキストエディタを使用して、ライブプレビュー機能を使用します。

大括弧でIndex.HTMLページを開き、右上隅のボタンを押します。