angularjs - ng-controller 打破了角度解析

Question

我正在尝试学习 Angular.js，并且我有一个简单的小提琴，应该可以根据教程工作（至少我认为应该），但显然它没有。

'data-ng-controller' 之前的指令有效，但之后的相同指令失败。谢谢。

我尝试过驼峰式变体和传统的 ng 指令变体。根据文档 - data-ng-directive 作为 html 验证的解决方法应该是有效的。

http://jsfiddle.net/p458q/

html:

<div ng-app="">
    <h3>{{ "test" }}</h3>
    <div data-ng-controller="ItemListCtrl">
        <ul>
            <li data-ng-repeat="item in items">
                {{ item.description }}
            </li>
        </ul>
        <h3>{{ "test" }}</h3>
    </div>
</div>

js：

function ItemListCtrl ($scope) {
 $scope.items = [
  { "description": "coffee pot" },
  { "description": "nerf gun" },
  { "description": "phone" }
 ];
}

Answer 1

您的小提琴无法正常工作，因为缺少一些东西：

1) 您必须为您的应用定义一个模块，并且该模块必须通过 ng-app 在 DOM 中引用

var app = angular.module('test', [])

2) 要在 jsfiddle 中使用 Angular，您必须在 Frameworks & Extensions 下的第二个选择框中选择“no wrap -in”

见http://jsfiddle.net/p458q/16/

通过这些更改，您的小提琴按预期工作。我不认为数据有问题-...，至少我没有从小提琴中看到它。