javascript - Angular.js ng-repeat 不显示内容

Question

我正在尝试使用 ng-repeat 和 Angular.js 加载一些内容。我设置了一个 Controller 来创建一个数组，相应的 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];

}]);

现在运行此代码时，我可以看到在相应的 div 中创建了 5 个元素的行。但是，没有显示任何内容。 我什至尝试使用 $scope 语法，但没有区别。我正在运行 Angular.js 版本 1.4.8。 这里有什么不对吗？

Answer 1

您的标记中有一个拼写错误。

ng-controller="ctrl as MainController"

应该是

ng-controller="MainController as ctrl"