试图找出如何在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;
- }