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 回答