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!
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>