Question

我有一个简单的函数，检查窗口的宽度，并根据该值拉伸内容。但是当我调整页面大小并重新加载网站时，在调整窗口大小之前没有任何反应。如何在angular2中调用页面加载函数？

我的整个app.component.ts文件：

import { Component } from '@angular/core';

@Component({
  templateUrl: './app.component.html'
})
export class appComponent {

  private checkScreenWidth() {
    if (window.innerWidth < 1000 && window.innerWidth > 499) {
      ...
    } else if (window.innerWidth < 500) {
      ...
    } else {
      ...
    }
  }
}

Answer 1

您可以导入并实现angular2核心库的OnInit接口，并在类中实现接口后定义其ngOnInit方法。我想它会完成这项工作。

export class appComponent implements OnInit {
  private checkScreenWidth() {
    if (window.innerWidth < 1000 && window.innerWidth > 499) {
      ...
    } else if (window.innerWidth < 500) {
      ...
    } else {
      ...
    }
  }
  ngOnInit() {
    this.checkScreenWidth();
  }

}

Answer 2

首先从＆＃39; @ angular / core＆＃39;模块导入OnInit，然后调用你要调用的ngOnInit中的方法，从angularjs加载它就像ng-init一样。

volatile

在页面加载上执行一个函数，ANGULAR 2

2 个答案: