35

我正在构建一个带有 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'])。
如果我默认使用 Overview 路由，我确实会在控制台内看到 ngOnInit。
所以我重定向页面的方式似乎是问题所在。
如何重定向到概览页面并调用 ngOnInit 函数？

RegisterComponent和用途LoginComponent_ 

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

浏览器是我存储浏览器特定代码的类。这是 gotoMain 函数：

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

this._browser.main在这种情况下只是一个字符串“概述”。

4

1 回答 1

74

估计是区问题

注入NgZone（导入自angular2/core

constructor(private zone:NgZone) {}

this._browser.getStorageValue('api_key', api_key => {
  if (api_key) {
    this.zone.run(() => this._browser.gotoMain());
  }
})
于 2016-03-11T09:57:42.583 回答