2015-09-15 57 views
0

我是AngularJS的初学者,所以我尝试运行基本代码。但是,这个简单的代码不能以我想要的方式工作。 HTML代码如下:AngularJS不评估表达式

<!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和边缘)显示以下内容:数雇员:{{ourEmployees.length}}。由于其他简单代码确实起作用,所以问题当然不是对文件的引用。

在此先感谢。

+0

请打开浏览器的JavaScript控制台,并查找错误消息。他们会告诉你什么是错的。 – JJJ

回答

2

1.3中不再支持全局控制器功能。你应该采用module的方法。

$控制器将不再在窗口上寻找控制器。在控制器窗口上查看旧的 行为原本打算用于示例,演示和玩具应用中的 。我们发现允许 全局控制器功能鼓励不良实践,因此我们在默认情况下解决了 以禁用此行为。

见例如片段:

angular.module('myApp', []) 
     .controller('MyFirstCtrl', function ($scope) { 

     })