Angular 2 ngOnInit 未调用

Question

我正在构建一个 Angular 2 应用程序，版本为 beta.8。
在这个应用程序中，我有一个实现 OnInit 的组件。
在此组件中，我有函数 ngOnInit，但从未调用过 ngOnInit 函数。

import { Component, OnInit } from 'angular2/core';

@Component({
  templateUrl: '/app/html/overview.html'
})

export class OverviewComponent implements OnInit {
  ngOnInit() {
    console.log('ngOnInit');
  }
}

应用的路由：

@RouteConfig([
  {
    path: '/overview',
    name: 'Overview',
    component: OverviewComponent
  },
  {
    path: '/login',
    name: 'Login',
    component: LoginComponent
  },
  {
    path: '/register',
    name: 'Register',
    component: RegisterComponent,
    useAsDefault: true
  }
])

检查用户是否已经在 LoginComponent 和 RegisterComponent 中登录。
如果用户已登录，组件将重定向到 Overview 使用：router.navigate(['Overview']).
如果我默认使用 Overview 路由，我会在控制台中看到 ngOnInit。
所以我重定向页面的方式似乎是问题所在。
如何重定向到概览页面并调用 ngOnInit 函数？

RegisterComponent和LoginComponent都使用

ngOnInit() {
  this._browser.getStorageValue('api_key', api_key => {
    if (api_key) {
      this._browser.gotoMain();
    }
  })
}

浏览器是一个 class，我在其中存储浏览器特定代码。这是 gotoMain 函数：

gotoMain() {
  this._router.navigate([this._browser.main]);
}

this._browser.main 在这种情况下只是一个字符串 'Overview'.

Answer 1

我想这是一个区域问题。

注入 NgZone（从 angular2/core

导入

constructor(private zone:NgZone) {}

this._browser.getStorageValue('api_key', api_key => {
  if (api_key) {
    this.zone.run(() => this._browser.gotoMain());
  }
})

Angular 2 ngOnInit 未调用

Angular 2 ngOnInit not called

typescript

ngoninit

angular