Угловая 2 маршрутизация с пользовательской безопасной директивой

Question

Я нашел очень аккуратное решение на другом stackoverflow сообщение от Thierry Templier, однако оно устарело для нового маршрутизатора с угловым 2 RC5.

В основном это безопасная директива:

@Directive({ 
    selector: '[secured]' 
}) 
export class SecuredDirective implements OnInit { 
    @HostBinding('hidden') hideRouterLink: boolean = false; 

    @Input() routerLink: string; 

    constructor(private router: Router) { 
    console.log(router); 
    } 

    ngOnInit(): void { 
    console.log(this.routerLink); 

    // How to get routeData here?? 
    // Auth logic 
    this.hideRouterLink = true; 

    } 
} 

Ранее на старом маршрутизаторе ANGULAR в мы могли бы сделать это:

var instruction = this.router.generate(this.routeParams); 
var data = instruction.component.routeData.data; 

Теперь с RC5, я не могу понять способ, как получить инструкция маршрутизатора. Есть ли другой способ сделать это?

Edit: подробнее

То, что я пытаюсь добиться, чтобы захватить данные маршрута, определенные в примере routing.ts:

{ path: 'control-panel', component: ControlPanelComponent, data: { 'resources': 'controlpanel', 'privileges': 'admin'} } 

Любая помощь очень ценится, спасибо!

Answer 1

Вы можете попробовать ниже,

@Directive({ 
selector: '[secured]' 
}) 
export class SecuredDirective implements OnInit, AfterViewInit { 
    _hideRouterLink: string = ''; 
    @HostBinding('style.display') get hideRouterLink() { 
    return this._hideRouterLink; 
    } 
    set hideRouterLink(val: boolean){ 
    this._hideRouterLink = val; 
    } 

    @Input('routerLink') routeParams: any[]; 

    constructor(private router: Router) { 
    console.log(router); 
    } 

    ngAfterViewInit(){ 
    } 

    ngOnInit(): void { 
    console.log(this.routeParams); 

    // Auth Logic 
    this.hideRouterLink = 'none'; 
    } 
} 

Вот Plunker!

Надеется, что это помогает !!