我有:
showHide: false;
<div *ngIf="showHide">
Content
</div>
<button (click)="showHide = !showMap">
Button visited only max-width: 768px
</button>
在最大宽度:768px上,我有一个按钮。最小宽度:768像素时,该按钮处于隐藏状态。当我单击按钮时-它显示了DIV。它工作正常。
但
如何使* ngIf仅在最大宽度为768px时起作用?
最大高度:768像素
最小高度:768像素:
当我从示例500px调整为1000px时:这取决于我按下的按钮
您可以使用window.screen.width。例:
ngOnInit() {
if (window.screen.width === 360) { // 768px portrait
this.mobile = true;
}
}
HTML:
<button *ngIf="mobile" (click)="showHide = !showMap"></button>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句