更新

Question

当我使用console.log在Firefox上测试我的index.html时，会发现一个奇怪的错误。我不能在谷歌Chrome或IE上运行oage。

文件元素之后的垃圾

此错误是由main.html页面引起的

<h1>This is my main</h1>

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

我只是在学习angular.js，事实上我的代码就像我正在关注的这个教程，但我无法弄清楚为什么不能正常工作。任何人都可以指出我正确的方向并告诉我：

为什么我收到控制台日志错误：文档错误后的垃圾邮件，和为什么我不能在我的网站上使用ngview和templateURL？

谢谢！

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中

<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上运行，因为它们没有内置的localhost功能。 Firefox确实。

关于错误，我不是100％肯定，但我相信它与浏览器本身的Angular HTML格式支持有关。我现在正在采取相同的方针，面临同样的问题。但该应用程序正常工作，除了Firefox中的那些错误。

Chrome：没有错误。

MS Edge：没有错误。

IE：没有错误

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

更新

尝试使用Brackets文本编辑器，并使用实时预览功能。

在Brackets中打开Index.HTML页面，然后点击右上角的按钮。

文档元素错误后，Firefox Junk上的Angular.JS

1 个答案:

更新