0

我正在尝试制作我的第一个控制器并收到此错误：

错误：[ng:areq] 参数“TestController”不是函数，未定义

我已经简化了我的代码以找到错误但没有运气。在我看来，我正在脚本中创建控制器和书籍数组，并在 div 中逐个字母地引用控制器。我错过了什么？

<!doctype html>
<html data-ng-app>
<head>
    <meta charset="utf-8"/>
</head>
<body>

    <div data-ng-controller="TestController">
        <ul>
            <li data-ng-repeat="b in books">{{ b.title + ' by ' + b.author }}</li>
        </ul>
    </div>

    <script src="angular.js"></script>
    <script>
        function TestController() {
            this.books = [{title: 'Angela', author: 'Donald Duck'}, {title: 'Angles', author: 'Dirty Harry'}];
        }
    </script>
</body>
</html>
4

2 回答 2

1

自从全局函数不再是 angular.js 中的控制器以来，已经有很长一段时间了。您需要将该功能注册为模块中的控制器：

<html ng-app="myApp">

并在 JS 代码中：

angular.module("myApp", []).controller('TestController', function($scope) {
    $scope.books = ...;
});

你的角度知识已经过时了。重新阅读文档。

于 2016-03-24T17:06:55.413 回答
0

或更简化的方式

angular.module("myApp", []).controller('TestController', TestController);

function TestController($scope) {
$scope.books= [{title: 'Angela', author: 'Donald Duck'}, {title: 'Angles', author: 'Dirty Harry'}];

}
于 2016-03-24T17:12:09.823 回答