Angular.js ng-repeat 不显示内容答案

【问题标题】：Angular.js ng-repeat doesn't display contentAngular.js ng-repeat 不显示内容
【发布时间】：2016-03-03 01:11:07
【问题描述】：

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

}]);

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

【问题讨论】：

标签： javascript angularjs

【解决方案1】：

您的标记中有错字。

ng-controller="ctrl as MainController"

应该是

ng-controller="MainController as ctrl"

【讨论】：

哦，这是一个错字。虽然不是实际问题。通过更改更新了问题。其他可能是问题
@SaurabhSood 你有没有在控制台中遇到任何错误？
@SaurabhSood 是的，它工作正常，这里是plunker
看起来在 Plunker 中工作。但是，当我把它放在我的代码中时，它就停止工作了
似乎没有任何错误。事实上，我可以看到正在创建 5 行。只是没有内容。即使检查也不显示任何数据。