ng-controller打破角度解析

Question

我正在努力学习Angular.js，我有一个简单的小提琴应该按照教程工作（至少我认为应该这样），但很明显它没有。

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

我尝试过camelcase变种和传统的ng-directive变体。根据文档 - 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中工作的角度，你必须在Frameworks＆amp;下面的第二个选择框中选择“no wrap -in”。扩展

请参阅http://jsfiddle.net/p458q/16/

随着这些变化，你的小提琴就像预期的那样起作用。我不认为数据存在问题-...，至少我从小提琴中看不到它。