2016-04-14 66 views
2

當我用console.log在Firefox上測試我的index.html時,它會讀取一個奇怪的錯誤,我無法在Google Chrome或IE上運行。Firefox上的Angular.JS文檔元素錯誤後的垃圾

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> 

回答

1

代碼不能在IE或Chrome運行。 Firefox的確如此。

關於錯誤,我不是100%確定,但我相信它與瀏覽器本身的Angular HTML格式支持有關。我現在正在參加同樣的課程,面臨同樣的問題。但該應用程序工作正常,除了在Firefox中的這些錯誤。

Chrome:沒有錯誤。

MS Edge:沒有錯誤。

IE:沒有錯誤

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

更新

嘗試使用括號文本編輯器,並使用實時預覽功能。

打開方括號中的Index.HTML頁面並點擊右上角的按鈕。