顯示與隱藏有很多中方法,但是在ng中有自己的顯示與隱藏的方法 ng-if 或者[hidden]
在此主要介紹的是[hidden]
在ng中需要摒棄dom操作的方法滩褥,使用[hidden]
使用方法:
eg:
通過點擊事件進行顯示隱藏
HTML:
<div?class=""?[hidden]="!contenters"?>
????<p>123</p>
????<p>123</p>
????<p>123</p>
????<button?(click)="close()">關(guān)閉</button>
</div>
<button?(click)="btn()">按鈕</button>
ts:
public??contenters:boolen = false;
?btn(){
????this.contenters?=true;
??}
??close(){
????this.contenters?= false;
??}
主要采用的是[hidden]="";
在ts中進行設(shè)置 值為false胡岔;先進行隱藏摄乒,通過點擊進行顯示隱藏漓穿,達到想要的效果