javascript - AngularJS ng-重复绑定(bind)错误

Question

我在尝试使用 ng-repeat 绑定(bind)值时收到以下错误 类型错误:无法读取未定义的属性“#”

html:

<ul ng-controller="PeopleCtrl">
    <li ng-repeat="people in peoples">
        {{people.name}}
    </li>
</ul>

JS:

var PeopleCtrl = function ($scope) {
$scope.peoples [
    {name: 'Zed'},
    {name: 'Ben'}
];
};

有什么想法为什么这不起作用吗？谢谢

Answer 1

您可以像这样注册您的 Controller :

var app = angular.module('app', []);
app.controller('PeopleCtrl', ['$scope', function($scope){
    $scope.peoples = [
        {name: 'John'},
        {name: 'Jane'}
    ];
}]);

http://jsfiddle.net/eL3okv5w/ (注意左侧菜单中的[ fiddle 选项]。)

下面是另一个例子

http://jsfiddle.net/dakra/U3pVM/ (注意html中的ng-app标签)

希望有帮助。