Question

我正在尝试使用Ang-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];

}]);

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

Answer 1

标记中有拼写错误。

ng-controller="ctrl as MainController"

应该是

ng-controller="MainController as ctrl"

Angular.js ng-repeat不显示内容

1 个答案: