Question

 <template ngFor let-item [ngForOf]="faculytLectureMaster"  >
        <tr *ngIf="item.subjectname != 'Break' && item.facultyname != 'NA'" (click)="OnLectureClick(item,0)" 
             [class.selected]="item === _selectedHero" >
            <td> **set Index number here** </td>
            <td>{{item.lectstart}}-{{item.lectend}}</td>                
            <td>{{item.facultyname}}</td>
            <td>{{item.subjectname}}({{item.subjectcode}})</td>             
            <td>{{item.attendtotal}}</td>
            <td>{{item.present}}</td>
            <td>{{item.absent}}</td>
            <td>{{item.section}}</td>
        </tr>
    </template>

我想在angular2中设置此模板的索引，例如$Index中的angular1

我搜索了*ngFor="let item of _studentList let i=index"这样的解决方案，这些解决方案适用于正常但在模板中如何使用？

怎么做？

Answer 1

如果定义类似let-i=index的索引，在这种情况下在你的ngFor中，你可以打印索引：{{i}}

尝试这个，应该工作：

 <template ngFor let-item [ngForOf]="faculytLectureMaster" let-i="index" >
        <tr *ngIf="item.subjectname != 'Break' && item.facultyname != 'NA'" (click)="OnLectureClick(item,0)" 
             [class.selected]="item === _selectedHero" >
            <td>{{i}}</td>
            <td>{{item.lectstart}}-{{item.lectend}}</td>                
            <td>{{item.facultyname}}</td>
            <td>{{item.subjectname}}({{item.subjectcode}})</td>             
            <td>{{item.attendtotal}}</td>
            <td>{{item.present}}</td>
            <td>{{item.absent}}</td>
            <td>{{item.section}}</td>
        </tr>
    </template>

更多信息here

如何设置angular2的索引

1 个答案: