首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在Angular 2中的for...of指令中获取索引

在Angular 2中的for...of指令中获取索引
EN

Stack Overflow用户
提问于 2015-03-30 05:48:37
回答 2查看 45.7K关注 0票数 27

到目前为止,有没有办法在Angular 2中获取for..of指令中可迭代对象的当前索引?换句话说,相当于Angular.js v1中的$index ...

代码示例:

代码语言:javascript
复制
<ul *for="#task of allTasks">
    <li>{{ $index}} - {{ task.label }}</li>
</ul>

(当然这段代码不能工作,它不提供当前索引)

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-03-30 07:54:52

代码语言:javascript
复制
<ul>
    <template ngFor let-task [ngForOf]="allTasks" let-i="index">
        <li>{{ i }} - {{ task.label }}</li>
    </template>
</ul>

但是您必须使用最新版本的快速入门

顺便说一句--上面的语法相当于下面的语法糖

代码语言:javascript
复制
<li *ngFor="let task of allTasks; let i=index">{{ i }} - {{ task.label }}</li>
票数 57
EN

Stack Overflow用户

发布于 2016-04-06 05:27:00

语法已经更新,现在是(截至2016年4月Angular2.beta13 ):

代码语言:javascript
复制
<li *ngFor="let item of items; let i = index"></li>

例如:

代码语言:javascript
复制
<li *ngFor="let item of items; let i = index">
   item={{item}} index={{i}}
</li>
票数 19
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29335285

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档