Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Angular 2,从不为实现OnActivate的组件调用routerOnActivate方法大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用Angular 2 Router记录当前路由,使用官方文档中的示例代码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.

我使用RouteConfig注释配置了路由:

@RouteConfig([
    {path: '/',component: Home,name: 'Index',data: {title: 'Index page'}},{path: '/home',name: 'Home',data: {title: 'Welcome Home'}},{path: '/**',redirectTo: ['Index']}
])

我应该在路由器中配置其他东西来激活监听器吗?

您需要在解析路径的组件中实现routerOnActivate方法.在您的示例中,如果您在Home Component中实现它,它将调用.

大佬总结

以上是大佬教程为你收集整理的Angular 2,从不为实现OnActivate的组件调用routerOnActivate方法全部内容,希望文章能够帮你解决Angular 2,从不为实现OnActivate的组件调用routerOnActivate方法所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。