发表于： 2021-03-28 21:26:31
1 1011
今天完成的事情：
学习angular语法
*ngIf
在宿主元素上来从 DOM 中添加或删除元素
<div *ngIf="true">
console.log("我加载了")
</div>
<div *ngIf="false">
</div>
显示/隐藏与 NgIf
<div [class.hidden]="!isSpecial">Show with class</div>
<div [class.hidden]="isSpecial">Hide with class</div>
<p>ItemDetail is in the DOM but hidden</p>
<app-item-detail [class.hidden]="isSpecial"></app-item-detail>
<div [style.display]="isSpecial ? 'block' : 'none'">Show with style</div>
<div [style.display]="isSpecial ? 'none' : 'block'">Hide with style</div>
*ngFor
用来指导重复器工作过程的指令
<div *ngFor="let color of colors let i=index let odd=odd">
{{odd}}
{{i}}
{{color}}
</div>
*ngSwitch
根据切换条件显示几个可能的元素中的一个
<span [*ngSwitch]="orderStatus"></span>
<p *ngSwitchCase="1">
表示已支付
</p>
<p *ngSwitchCase="2">
表示支付成功
</p>
<p *ngSwitchCase="3">
表示已经发货
</p>
<p *ngSwitchCase="4">
表示已经收货
</p>
<p *ngSwitchDefault="5">
表示无效
</p>
问题：
不会绑定ngif和click使其点击时隐藏和显示。就是单个的ngif,ngfor会用，但是配合点击效果不知道怎么设置
返回列表
评论