如何在類屬性中使用AngularJS ng-controller僞指令

我是AngularJS的新手，並嘗試使用以下代碼工作。如何在類屬性中使用AngularJS ng-controller僞指令

這實際上是AngularJS教程中的代碼，只需稍作修改即可。我改變了所有的指令，而不是屬性。

問題是AngularJS可以成功引導，並且可以評估表達式{{1 + 2}}。但ng控制器似乎不被識別，並且下面的ng-repeat也不起作用。

我檢查了AngularJS API文檔，它說ng-controller可以用作類。

任何有過使用AngularJS指令作爲類的經驗的人都可以幫助我解決這個問題嗎？

NG-控制器作爲類（不工作）：http://jsfiddle.net/qZmky/

NG-控制器作爲屬性（工作）：http://jsfiddle.net/p45Uv/

<html class="ng-app"> 
<p>Nothing here {{1 + 2}}</p> 
<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.js"> </script> 
    <script> 
    function PhoneListCtrl($scope){ 
     $scope.phones = [ 
      {"name": "Nexus S","snippet": "Fast just got faster with Nexus S."}, 
      {"name": "Motorola XOOM™ with Wi-Fi","snippet": "The Next, Next Generation tablet."}, 
      {"name": "MOTOROLA XOOM™","snippet": "The Next, Next Generation tablet."} 
     ]; 
    } 
    </script> 
</head> 
<body class="ng-controller: PhoneListCtrl;"> 
    <ul> 
    <li ng-repeat="phone in phones;"> 
     {{phone.name}} 
     <p>{{phone.snippet}}</p> 
    </li> 
    </ul> 
</body> 
</html>

來源

2013-01-24 Raymond Zhu

什麼，而不是使用屬性類的原因嗎？ – remigio