Angolare 2 - Come accedere alle direttive dal componente

Question

Ho allegato un componente di dialogo come direttive per visualizzarlo sulla pagina del componente principale quando faccio clic sul pulsante nella pagina principale (che collega al componente principale). Ecco come ho fatto

Nel modello

<button id="goToTasksCases" class="btn btn-success btn-lg" (click)="doShowStartNewCase($event)">START A NEW CASE</button> 
<modal-new-case></modal-new-case> 

Nel componente

@Component({ 
    selector: 'case-index' 
}) 
@View({ 
    templateUrl: 'client/app/case/case.index.html', 
    directives : [ModalNewCaseComponent] 
}) 
export class CaseIndexComponent { 
    doShowStartNewCase(event: any) { 
     // how can I access the ModalNewCaseComponent 
    }  
} 

Tuttavia, ho bisogno di impostare alcuni valori per il componente figlio (ModalNewCaseComponent) dopo qualche richiamo dal servizio Rest. Come posso ottenerlo con l'attuale configurazione?

Answer 1

È possibile interrogare la vista dei bambini da:

@Component({ 
    selector: 'case-index', 
    templateUrl: 'client/app/case/case.index.html', 
    directives : [ModalNewCaseComponent] 
}) 
export class CaseIndexComponent { 
    @ViewChild(ModalNewCaseComponent) 
    modal: ModalNewCaseComponent; 

    afterViewInit() { 
     // this.modal will have value 
    } 

    doShowStartNewCase(event: any) { 
     // how can I access the ModalNewCaseComponent 
    }  
} 

È possibile trovare maggiori informazioni su ViewChildren and ContentChildren here.