angularjs ng-repeat элемент не определен

Я пытаюсь показать каждый элемент в 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 -->

Если я добавлю что-то еще в тег div в ng-repeat, это появится на странице 5 раз. Есть ли какая-то причина, по которой этот предмет будет неопределенным?

Источник

2 ответа

Добавить пустой массив зависимостей в ваш модуль,

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

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

РАБОЧАЯ ДЕМО

Источник

Вам необходимо заменить приведенный ниже код

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

с этим

    var app = angular.module('MyApp',[]);
Источник
Другие вопросы по тегам