javascript - AngularJS:for循环和嵌套if

Question

我想使用 AngularJS 编写类似于以下 HTML 代码的内容:

<p class="itemsperpage">Items per page: <span>20</span> <span><a href="#">40</a></span> <span><a href="#">60</a></span> <span><a href="#">View all</a></span></p>

其中 20 仅由 a 包裹，因为 是当前事件元素。

现在使用 AngularJS，我怎么能有这样的东西:

var itemsPerPage = [20,40,60];
...
<p class="itemsperpage">Items per page:
    <span ng-repeat='i in itemsPerPage'>
        // here should print {{ i }} for the current active
        // <a href="#">{{ i }}</a> for the elements not active
    </span>
    <span><a href="#">View all</a></span>
</p>

是否可以使用 AngularJS 做这样的事情？

Answer 1

你可以像这样使用 ng-if:

<span ng-repeat='i in itemsPerPage'>
    <span ng-if="active === i">{{i}}</span>
    <a    ng-if="active !== i" href="#">{{i}}</a>
</span>

例如，只需将事件项目保留在 $scope.active 中

$scope.active = 20;