【Typescript】angular入门笔记-模板语法

发表于 | 更新于 | 分类于 | 评论数： | 阅读次数：

结构指令

1, 遍历指令
1
2
3
<div *ngFor="let product of products"> 
     {{ product.name }}
   </div>

2,流程判断指令

1
<p *ngIf="product.descript"></p>

不为空则输出

3,文本绑定输出

1
2
3
<h3>
	{{ product.name }}      
</h3>

4 标签属性绑定

1
2
3

<a [title]="product.name + 'detail'">
</a>

5,事件点击绑定

1
2
<button (click)="share()">
</button>

更多模板语法

坚持原创技术分享，您的支持将鼓励我继续创作！
0%