Angular 角度2:未调用它
我正在构建一个版本为beta.8的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
在此应用程序中,我有一个实现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
,它将为您执行此操作。