AngularJS ng-repeat binding error

AngularJS ng-repeat binding error

本文关键字：error binding ng-repeat AngularJS      更新时间：2023-09-26

我在尝试使用 ng-repeat 绑定值时收到以下错误类型错误： 无法读取未定义的属性"#"

.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'}
];
};

任何想法为什么这不起作用？谢谢

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

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标签）

希望有帮助。

在你的问题中，你有类似的东西 

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

但它应该看起来像 

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

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

相关文章：