2015-09-15 242 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) { 

     })