Question

任何人都可以告诉我这段代码有什么问题吗？我在浏览器上输出{{author.name}}作为输出。浏览器错误表示未定义angular并且无法实例化AuthorApp

模块

           <!DOCTYPE html>
    <html ng-app="AuthorApp" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <meta charset="utf-8" />
        <script src="Authors.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.js"></script>
    </head>
    <body >
        <div ng-controller="MyController">
            <ul>
                <li ng-repeat="author in authors">
                    {{author.name}}
                </li>
            </ul>
        </div>
    </body>
    </html>

Author.js code
    var AuthorApp = angular.module('AuthorApp', []);
    AuthorApp.controller("MyController", function ($scope) {
        $scope.authors = [
           { 'name': 'Xyz' },
            { 'name': 'abc' }
        ];

});

Answer 1

将首先执行authors.js，然后加载angular。更改脚本的顺序

net stop dnscache
net start dnscache

Answer 2

之前的回答是正确的，但我还没有发表评论。我把你的代码放在插件中，并更正了脚本顺序，它运行正常：

http://plnkr.co/edit/kIb0y2?p=preview

您是否有正确的Author.js文件的路径？它需要位于同一目录中才能引用它，而无需任何其他路径信息。通过在文件顶部放置警报来测试是否正在加载。如果您没有收到警报，请修改脚本的src属性中的路径，直到获得它为止。

//Author.js code
alert("Author.js file loaded!");
var AuthorApp = angular.module('AuthorApp', []);
AuthorApp.controller("MyController", function ($scope) {
    $scope.authors = [
       { 'name': 'Xyz' },
        { 'name': 'abc' }
    ];

}）;

AngularJS控制器功能不起作用

2 个答案: