angularjs - 在 http 调用中填充的 AngularJS ng-repeat 和范围会导致空的 html 元素

Question

我在范围内定义了一个数组：

$scope.foo = [];

然后我进行 $http 调用，并从我的控制器中的成功事件中填充该变量。

在模板中，我有一个无序列表：

<ul>
 <li ng-repeat="i in foo">{{i}}</li>
</ul>

结果是一个无序列表，其中包含与 $scope.foo 一样多的 li 元素，但它的内容是空的：

<li ng-repeat="i in foo" class="ng-scope"></li>
<li ng-repeat="i in foo" class="ng-scope"></li>
<li ng-repeat="i in foo" class="ng-scope"></li>
.
.
.

我可以看到数组已被填充。此外，LI 元素计数与数组长度匹配（如预期的那样），但LI 的内容为空。

我能找到的所有文档看起来都是这样的，用于填充无序列表。我之前将其从 jQuery 调用更改为有角度的 $http.post 调用，因为由此会产生一些范围界定问题。

为什么 li 元素的内容是空的？

score 1 · Accepted Answer

如果你做了 $scope.foo = []; 然后使用 foo 而不是范围。

例子：

<li ng-repeat="i in foo" class="ng-scope">{{i}}</li>
<li ng-repeat="i in foo" class="ng-scope" ng-bind="i"></li>

编辑以修复我的错误，感谢提示。

1 回答 1