Question

尝试使用ng-repeat绑定值时，我收到以下错误 TypeError：无法读取未定义的属性“＃”

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

您可以像这样注册您的控制器：

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

http://jsfiddle.net/eL3okv5w/（请注意左侧菜单中的[小提琴选项]。）

以下是另一个例子

http://jsfiddle.net/dakra/U3pVM/（请注意html中的ng-app标记）

希望有所帮助。

Answer 2

在您的问题中，您有类似

的内容

$scope.peoples [
    {name: 'Zed'},
    {name: 'Ben'}
];

但看起来应该是

$scope.peoples =  [
  {name: 'Zed'},
  {name: 'Ben'}
];

您缺少等号，您需要将值分配给变量才能使用它=用于为变量赋值

AngularJS ng-repeat绑定错误

2 个答案: