Angular 2 ngOnInit не вызывается
Я создаю приложение 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.
Если пользователь вошел в систему, компоненты перенаправляют на обзор, используя: router.navigate(['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
это просто строка в данном случае "Обзор".
2 ответа
Я думаю, это проблема зоны.
впрыскивать NgZone
(импорт из angular2/core
constructor(private zone:NgZone) {}
this._browser.getStorageValue('api_key', api_key => {
if (api_key) {
this.zone.run(() => this._browser.gotoMain());
}
})
Хуки жизненного цикла, такие как OnInit(), работают с директивами и компонентами. Они не работают с другими типами, как сервис. Проверьте эту ссылку для более