组件和模板
宋宇
# 组件和模板
# 图片引入
# 引入本地图片
图片放在 assets 里,模板里直接写<img src='assets/imgs/01.png'/>
# 引入远程图片
使用动态绑定属性<img [src]='originSrc'/>
# 循环渲染显示索引值
<li *ngFor="let item of list; let k = index;">{{ item }}{{k}}</li>
1
# *ngIf
条件渲染
么有 else
<div *ngIf='show === 1'>99</div>
# ngSwitch
<ul [ngSwitch]="num">
<li *ngSwitchCase="1">我可以的</li>
<li *ngSwitchCase="2">我不行了</li>
<li *ngSwitchDefault>就这样把</li>
</ul>
1
2
3
4
5
2
3
4
5