Angular 角度2:未调用它

Angular 角度2:未调用它,angular,typescript,ngoninit,Angular,Typescript,Ngoninit,我正在构建一个版本为beta.8的Angular 2应用程序。 在此应用程序中,我有一个实现OnInit的组件。 在这个组件中,我有一个函数ngOnInit,但从未调用过ngOnInit函数 import { Component, OnInit } from 'angular2/core'; @Component({ templateUrl: '/app/html/overview.html' }) export class OverviewComponent implements On

我正在构建一个版本为beta.8的Angular 2应用程序。
在此应用程序中,我有一个实现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中。
如果用户已登录,组件将使用以下命令重定向到概览:
router.navigate(['Overview')

如果我默认使用概览路由,我会在控制台中看到Ngonit。
因此,我重定向页面的方式似乎是个问题。
如何重定向到概览页面并调用ngOnInit函数

注册表组件和
登录组件都使用

ngOnInit() {
  this._browser.getStorageValue('api_key', api_key => {
    if (api_key) {
      this._browser.gotoMain();
    }
  })
}
Browser是一个类,我在其中存储特定于浏览器的代码。 这是gotoMain函数:

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

this.\u browser.main
在本例中只是一个字符串“概述”。

我想这是一个区域问题

注入
NgZone
(从
angular2/core导入

constructor(private zone:NgZone) {}

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

您是否确保
OverviewComponent
工作?如果是,即使您没有导入
OnInit
并实现
OnInit
ngOnInit
也会工作。@micronyks我在OverviewComponent中添加了一个
消息:string='test'
,并试图在视图中用
{message}显示它
成功了。哦!那样的话,我需要看看你的代码。好的。试着删除我的建议,看看是否有效!@Günter在
注册表组件
登录组件
中,我有一个正在工作的
ngonit()
我在其中检查用户是否登录。如果用户登录,我使用
此。\u路由器。导航['Overview']
没有多大帮助。调用
此的代码在哪里。\u路由器。导航['Overview']
。在构造函数中,来自与服务器通信的库的回调…?它可以工作,谢谢@Günter。NgZone如何使其工作?Angular在修补区域中运行其代码,其中
addEventListener()
setTimeout()
,和其他异步API进行了修补,以便在重新运行更改检测时发生异步操作时通知Angular。这使得更改检测非常有效。当调用以某种方式绕过Angulars区域的代码时,Angulars更改检测不会生效。如果一个方法(即使是来自Angular组件或类似组件的方法)从Angulars zone外部调用的代码调用,在完全处理此事件之前,所有操作都在该区域之外运行。使用
zone.run(…)
可以强制执行回到Angulars zone。要解决
addEventListener()
的问题,可以使用
BrowserDomAdapter
,它将为您执行此操作。