在角度2中获取指令的索引

前端之家收集整理的这篇文章主要介绍了在角度2中获取指令的索引前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
到目前为止,是否有一种方法可以在Angular 2中的for..of指令中获取当前的可迭代索引?换句话说,相当于Angular.js v1中的$index

代码示例:

<ul *for="#task of allTasks">
    <li>{{ $index}} - {{ task.label }}</li>
</ul>

(当然这个代码不行,不提供当前索引)

<ul>
    <template ngFor let-task [ngForOf]="allTasks" let-i="index">
        <li>{{ i }} - {{ task.label }}</li>
    </template>
</ul>

但是你必须使用最新版本的quickstart

BTW – 以上相当于以下语法糖

<li *ngFor="let task of allTasks; let i=index">{{ i }} - {{ task.label }}</li>

猜你在找的Angularjs相关文章