Я пытаюсь загрузить некоторый контент, используя ng-repeat с Angular.js. Я установил контроллер, который создаст массив, и соответствующий HTML использует ng-repeat для отображения всех элементов в массиве.
HTML:
<div class="list-group" ng-controller="MainController as ctrl">
<p class="list-group-item cat" ng-repeat="element in ctrl.current_articles">{{ element }}</p>
</div>
JS:
angular.module('newsclassifier', [])
.controller('MainController', ['$http', function($http){
var self = this;
self.current_articles = [1,2,3,4,5];
}]);
Теперь при запуске этого кода я могу видеть, что строки для 5 элементов создаются в соответствующем div. Однако содержимое не отображается. Я попытался использовать даже синтаксис $ scope, но не имел никакого значения. Я запускаю версию 1.4.8 от Angular.js. Здесь что-то не так?
В вашей разметке есть опечатка.
ng-controller="ctrl as MainController"
должно быть
ng-controller="MainController as ctrl"