Angular4_NgForOf 指令作用
来源:互联网 发布:克里斯穆林数据 编辑:程序博客网 时间:2024/05/19 22:59
NgForOf 指令作用
该指令用于基于可迭代对象中的每一项创建相应的模板。每个实例化模板的上下文对象继承于外部的上下文对象,其值与可迭代对象对应项的值相关联。
NgForOf 指令语法
*
语法糖
<li *ngFor="let item of items; index as i; trackBy: trackByFn">...</li>
template语法
<li template="ngFor let item of items; index as i; trackBy: trackByFn">...</li>
<ng-template>
元素
<ng-template ngFor let-item [ngForOf]="items" let-i="index" [ngForTrackBy]="trackByFn"> <li>...</li></ng-template><!--等价于--><ng-template ngFor let-item="$implicit" [ngForOf]="items" let-i="index" [ngForTrackBy]="trackByFn"> <li>...</li></ng-template>
NgForOf 使用示例
@Component({ selector: 'exe-app', template: ` <ul> <li *ngFor="let item of items; let i = index"> {{i}}. {{item}} </li> </ul> `})export class AppComponent { items = ['First', 'Second', 'Third'];}
https://segmentfault.com/a/1190000009536294阅读全文
0 0
- Angular4_NgForOf 指令作用
- 伪指令及其作用
- DBCC指令的作用
- NOP 指令作用
- nop指令的作用
- 指令译码器的作用
- 预处理指令作用
- shell read 指令作用
- grep -v指令作用
- #include指令的作用
- #define指令的作用
- #define指令的作用
- NOP 指令作用
- 查看指令作用
- emms指令在MMX指令中的作用
- 预编译指令的作用
- ORG伪指令的作用
- BITS伪指令的作用
- java之对象引用与对象的区别
- 【Solr7】——配置中文分析器
- SpringBoot的入门搭建(五)
- sql隔离级别
- RayAdas周报第二期2017.12.03
- Angular4_NgForOf 指令作用
- 语言表述
- 12小时制时钟
- delphi FMX图像的局部直方图均衡
- 队列(作业四)
- C#webApi
- STL--vector容器用法
- 注释转换
- X210v3S的BSP构建之uboot移植(一)