试图找出如何在Angular2中调整大小事件的窗口宽度。这是我的代码:
export class SideNav { innerWidth: number; constructor(private window: Window){ let getWindow = function(){ return window.innerWidth; }; window.onresize = function() { this.innerWidth = getWindow(); console.log(getWindow()); }; }
我在bootstrap.ts文件中全局导入窗口提供程序,使用提供来访问我的应用程序到窗口。我遇到的问题是,这给我一个窗口大小,但是在调整窗口大小的情况下 – 即使窗口改变大小,它也会反复重复相同的大小。
请参见console.log的镜像示例:
Screenshot image
我的总体目标是能够将窗口编号设置为一个变量onresize,以便我可以在模板中访问它。关于我在这里做错什么的想法?
谢谢!
解决方法
<div (window:resize)="onResize($event)"
要么
// @HostListener('window:resize',['$event']) onResize(event) { event.target.innerWidth; }