Angular 2,永远不会为实现 OnActivate 的组件调用 routerOnActivate 方法 [英] Angular 2, routerOnActivate method is never called for a component that implements OnActivate
问题描述
我正在尝试使用 Angular 2 Router 记录当前路由,使用官方文档中的示例代码:https://angular.io/docs/ts/latest/api/router/OnActivate-interface.html
I am trying to log the current route using Angular 2 Router, using the sample code from the official documentation: https://angular.io/docs/ts/latest/api/router/OnActivate-interface.html
import {Component} from 'angular2/core';
import {
OnActivate,
ComponentInstruction
} from 'angular2/router';
@Component({selector: 'header-title', template: `<div>routerOnActivate: {{log}}</div>`})
export class HeaderTitle implements OnActivate {
log: string = '';
routerOnActivate(next: ComponentInstruction, prev: ComponentInstruction) {
console.log('hello on activate');
this.log = `Finished navigating from "${prev ? prev.urlPath : 'null'}" to "${next.urlPath}"`;
}
}
方法 routerOnActivate
永远不会被调用.
The method routerOnActivate
is never called.
我使用 RouteConfig
注释配置了路由:
I configured the routes using the RouteConfig
annotation:
@RouteConfig([
{path: '/', component: Home, name: 'Index', data: {title: 'Index page'}},
{path: '/home', component: Home, name: 'Home', data: {title: 'Welcome Home'}},
{path: '/**', redirectTo: ['Index']}
])
我应该在路由器中配置其他东西来激活监听器吗?
Is there something else that I should configure in the Router to activate listeners ?
推荐答案
您需要在解析路径的组件中实现 routerOnActivate 方法.在您的示例中,如果您在 Home 组件中实现它,它将被调用.
You need to implement the routerOnActivate method inside a component that resolves the path. In your example it'll be called if you implement it in the Home Component.
这篇关于Angular 2,永远不会为实现 OnActivate 的组件调用 routerOnActivate 方法的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!