親の関数に子のIDを渡す角度2

Question

親の関数に子のモーダルを渡したいと思います。私はこのModal

app.html

<div class="head"><button class="headbtn" (click)="Popup(modal)">Add</button></div> 
<div> 
    <div class="centerDiv text-center" *ngFor="let hero of list"> 
     <div> 
     <button class="glyphicon glyphicon-trash operation"></button> 
     <button class="glyphicon glyphicon-pencil operation" (click)="Popup(modal)"></button> 
     </div> 
     <div><h4>{{hero.Name}}</h4></div> 
    </div> 
</div> 
<custom-modal></custom-modal> 

customModal.html

<modal #modal> <---- this Modal 
<modal-header [show-close]="true"> 
    <h4 class="modal-title">I'm a modal!</h4> 
</modal-header> 
<modal-body> 
    Hello World! 
</modal-body> 
<modal-footer [show-default-buttons]="true"></modal-footer> 

app.component.tsを使用していた

どうすればいいですか？

Answer 1

あなたはこのような何か試すことができます。

CustomModalComponent

@ViewChild('modal') public modal: ModalComponent; 

app.html

(click)="Popup(customModal.modal)" 
... 
<custom-modal #customModal></custom-modal> 

Plunker Example

を210

も

• https://angular.io/docs/ts/latest/cookbook/component-communication.html

を参照してください。