AngularJS limitTo过滤器不评估表达式

Question

我想首先在数组中显示一半元素，如下所示;

<div ng-show="showHalf" ng-repeat="item in itemList | limitTo: itemList.length/2">{{item}}</div>
<div ng-show="!showHalf" ng-repeat="item in itemList>{{item}}</div>
<a ng-click="showHalf = !showHalf">{{showHalf? 'Show less' : 'Show all'}}</a>

但是，limitTo过滤器似乎无法评估itemList.length/2。

我做错了吗？

Answer 1

您编写的代码是正确的。

检查以下内容：

1. showHalf 值：可能是showHalf值为false，这就是呈现第二个HTML行的原因
2. 锚标记：尝试点击它，查看数组列表显示是否减少到一半