AngularJS不评估表达式

时间:2015-09-15 06:43:48

标签: javascript angularjs

我是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 文件的引用。

提前致谢。

1 个答案:

答案 0 :(得分:2)

默认情况下,1.3不再支持全局控制器功能。您应采用module方法。

  

$ controller将不再在窗口上查找控制器。老人   最初打算在控制器窗口上查看行为   用于示例,演示和玩具应用程序。我们发现允许   全球控制器功能鼓励不良做法,所以我们解决了   默认情况下禁用此行为。

参见示例代码段:

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

       })