2016-04-14 13 views
2

index.html dizinimi Firefox'ta console.log ile test ettiğimde garip bir hata yazıyor. Oage'yi Google Chrome veya IE'de yayınlayamıyorum.Firefox'ta Angular.JS'de belge öğesi hatası sonrası önemsiz

junk after document element

Bu hata benim kodunu tam olarak ben takip ediyordum bu öğretici gibi aslında ben sadece angularjs öğreniyorum main.html sayfa

<h1>This is my main</h1> 

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

, neden, ama ben can edilir Neden çalışmadığını anlamaya çalışıyorum. Herkes bana doğru yönde işaret edebilir ve söyle bana:

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?

Teşekkürler!

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

onlar localhost özelliği yerleşik yok çünkü 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> 

cevap

1

kod IE veya Chrome çalışmaz. Firefox yapar.

Hata ile ilgili olarak% 100 emin değilim, ancak tarayıcının kendisinde Angular HTML format desteği ile ilgili olması gerektiğine inanıyorum. Şimdi aynı dersi alıyorum ve aynı konuyla yüzleşiyorum. Ama uygulama Firefox'taki hatalar dışında gayet güzel çalışıyor.

Chrome: Hata yok.

MS Edge: Hata yok.

IE: hiç hata

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

güncelleme

kullanmayı deneyin Metin düzenleyiciyi destekler ve Canlı Önizleme özelliğini kullanın.

Index.HTML sayfasını köşeli parantez içinde açın ve sağ üst köşedeki düğmeye basın.

İlgili konular