@ViewChild() yöntemini veya yönlendirici çıkışlı benzer mi? Nasıl olur?

Question

defalarca Daha doğrusu bir selektör daha yönlendirici çıkışına diğer tarafında varolan bir alt bileşeni erişmek istediğiniz durumlarda çalışabilir: Ben bildiğimiz ViewChild işlevselliği ile

Like: 
<router-outlet></router-outlet> 

NOT: 
<selector-name></selector-name> 

Bu çatışmalar, Yine de, bileşenimin, bir yönlendirici etiketinin içinde olduğu kadar kolay bir şekilde yönlendiricinin içinde ne olduğunu görebilmeli ve etkileşimde bulunabiliyor gibi görünmektedir.

export class RequestItemCatsComp { 
    @ViewChild('child') child: RequestItemsComp; 
    ***etc...*** 
ngAfterViewInit() { 
    if (this.child) // Always child is undefined 
     this.groupId = this.child.groupId; 
    } 
} 

Ama bu yanlış bir yoldur çünkü doğal olarak, çocuk tanımlanmamış:

Mesela ben bu çalıştı. Doğru bir yol var mı?

Verileri paylaşmak için bir hizmet kullanmaya çalışıyorum ama daha sonra bir hack olmadan ya da prod modunu etkinleştirerek düzeltmeyi umduğum bir "sorun kontrol edildikten sonra değişti" sorunuyla karşılaşıyorum.

Answer 1

Yönlendirici çıkışının içindeki örneklenen bileşenin referansını almak için etkinleştirme etkinliğine dokunabilirsiniz.

Yönlendirici çıkış activate olay yeni bir bileşen örneği olan her zaman yayacaktır RouterOutlet Docs

alıntı ve yok ediliyor copy olay.

örnek

İşte

@Component({ 
    selector: 'my-app', 
    template: `<h3 class="title">Basic Angular 2</h3> 
    <router-outlet (activate)="onActivate($event)" ></router-outlet> 
    ` 
}) 
export class AppComponent { 
    constructor(){} 

    onActivate(componentRef){ 
    componentRef.sayhello(); 
    } 
} 

@Component({ 
    selector: 'my-app', 
    template: `<h3 class="title">Dashboard</h3> 
    ` 
}) 
export class DashboardComponent { 
    constructor(){} 

    sayhello(){ 
    console.log('hello!!'); 
    } 
} 

bu yardımcı olur Plunker!!

Umuttur !!