2

私はAngularJSが初めてで、次のコードを機能させようとしています。

これは実際には AngularJS チュートリアルのコードを少し変更したものです。私が変更したのは、すべてのディレクティブを属性ではなくクラスとして作成したことです。

問題は、AngularJS が正常にブートストラップでき、式 {{ 1 + 2 }} を評価できることです。しかし、ng-controller が認識されていないようで、次の ng-repeat も機能しません。

AngularJS API ドキュメントを確認したところ、ng-controller をクラスとして使用できると書かれています。

AngularJS ディレクティブをクラスとして使用した経験のある人は、これについて私を助けてくれますか?

クラスとしての ng-controller (動作していません): http://jsfiddle.net/qZmky/

属性としての ng-controller (機能): 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>
4

2 に答える 2

2

AngularJS メーリング リストから回答を得ましたが、API ドキュメントは実際には間違っています....

詳細については、次を参照してください。

https://groups.google.com/forum/?fromgroups=#!searchin/angular/ng-controller/angular/5-regnflDD4/VR4fqdEVtM8J

于 2013-01-26T03:46:26.930 に答える
0

この例の jsfiddle を作成しました - http://jsfiddle.net/bsphere/xgGjL/

ドキュメントに従ってください - http://docs.angularjs.org/api/ng.directive:ngControllerそれは私にとってもうまくいきません。

単に使用しないのはなぜ<body ng-controller="PhoneListCtrl">ですか？

メーリングリストでこの質問をしてみてください（jsfiddleを提供してください）

于 2013-01-24T08:26:55.327 に答える