Angular2：如何知道 *ngFor 上的迭代器数量答案

【问题标题】：Angular2: How to know number of iterators on *ngForAngular2：如何知道 *ngFor 上的迭代器数量
【发布时间】：2016-10-26 05:01:39
【问题描述】：

我想知道 ngFor 上的迭代器数量，以便基于此我可以显示或隐藏元素，例如，我想这样做，如果迭代器数量达到它应该停止迭代。到目前为止的整个模板是：

<p *ngIf = "heros2.length > 3"> 
    there are two many users
    </p>
    <div *ngIf = "heros2.length == 3">
    <ul>
    <li *ngFor = 'let hero1 of heros2'>
    there are many users
    {{hero1.name}}
    </li>
    </ul>
    </div>

【问题讨论】：

我这样做了，但它不允许我得到解析错误

标签： typescript angular angular2-template angular2-directives

【解决方案1】：

这是语法：

*ngFor="let hero1 of heroes2; let i=index"

看看the docs

【讨论】：

【解决方案2】：

要获取 ngFor 的索引，您需要使用 *ngFor="let element of elements; let i=index"，其中“i”是当前索引。停止 ngFor 的一种方法是使用 python 策略创建一个数组，其中包含要迭代的元素的确切数量：

<div *ngFor="let element of range(6); let i=index">
    {{ elements[i].name }}
</div>

其中 range 函数返回一个有 6 个位置的数组。通过这种方式，您可以迭代定义计数中的元素。

【讨论】：