Question

我正在尝试在cList中显示每个项目，但它无效。它会创建正确数量的div标签（来自ng-repeat），但它们是空的。似乎项目未定义，因此没有任何内容显示。

这是控制器：

var app = angular.module('MyApp');

app.controller('listController', function($scope) {
  $scope.cList = [ 'c1', 'c2', 'c3', 'c4', 'c5' ];
});

这是HTML：

<div ng-controller="listController">
  <div ng-repeat="item in cList">
    {{item}}
  </div>
</div>

它重复产生这个HTML 5次：

<div ng-repeat="item in cList" class="ng-scope">

</div>
<!-- end ngRepeat: item in cList -->

如果我在ng-repeat中的div标签中添加了其他内容，则会在页面上显示5次。是否有任何理由不确定项目？

Answer 1

将空依赖关系数组添加到模块中，

var app = angular.module("MyApp", []);

 <body ng-app='myApp'  >
   <div ng-controller="listController">
     <div ng-repeat="item in cList">
       {{item}}
    </div>
     </div>
  </body>

WORKING DEMO

Answer 2

您需要替换以下代码

     var app = angular.module('MyApp');

用这个

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

angularjs ng-repeat项目未定义

2 个答案: