我是AngularJS的初学者,所以我尝试运行基本代码。但是,这个简单的代码不能以我想要的方式工作。 html代码如下:
<!DOCTYPE html>
<html ng-app>
<head>
<script src="js/angular.min.js"></script>
<script>
function MyFirstCtrl($scope) {
var employees = ['Jon Doe', 'Abe Lincoln', 'Hugh Grant'];
$scope.ourEmployees = employees;
}
</script>
</head>
<body ng-controller='MyFirstCtrl'>
<h2>Number of Employees: {{ourEmployees.length}}</h2>
</body>
</html>
我希望正确的结果是员工人数:3 而不是这个,浏览器(Firefox和Edge)显示以下内容:员工人数:{{ourEmployees.length}} 。由于其他简单代码确实有效,问题肯定不是对 angular.min.js 文件的引用。
提前致谢。
答案 0 :(得分:2)
默认情况下,1.3不再支持全局控制器功能。您应采用module
方法。
$ controller将不再在窗口上查找控制器。老人 最初打算在控制器窗口上查看行为 用于示例,演示和玩具应用程序。我们发现允许 全球控制器功能鼓励不良做法,所以我们解决了 默认情况下禁用此行为。
参见示例代码段:
angular.module('myApp', [])
.controller('MyFirstCtrl', function ($scope) {
})