我有div
要显示的元素或不显示的元素(取决于屏幕大小)(我知道可以通过Mediaqueries完成,但是尝试使用Angular来实现)。所以[ngStyle]="{display: innerWidth < '600' ? 'none' : 'flex'}"
当innerWidth
这个组件的.ts文件中的变量为变量时,我得到了NgStyle条件
public innerWidth: any;
ngOnInit() {
this.innerWidth = window.innerWidth;
}
这项工作正常,但仅在重新加载页面时才进行更改,因此我想在调整浏览器窗口大小时动态触发此更改,是否可能以类似方式进行?
调整窗口大小时,您需要更新值。您可以听window:resize
:
@HostListener('window:resize', ['$event'])
onResize(event) {
this.innerWidth = event.target.innerWidth;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句