방법

Question

내가 부모 구성 요소가 상위 구성 요소의 하위 구성 요소에서 함수를 호출하는 난 방법 onSubmit() {}

내가 onSubmit를 호출하는 질문이이 하위 구성 요소에서

<div md-dialog-content> 
    <div class="section-top"> 
    <p id="title" style="float:left;">Adding Dockument</p> 
    <div md-dialog-actions style="float:right;"> 
     <button class="edm-button inline" md-button (click)="onNoClick()" tabindex="-1">Cancel</button> 
     <button class="edm-button inline" md-button (click)="onClick()" tabindex="-1">Confirm</button> 
    </div> 
    </div> 
    <div> 
    <app-document-data [buttonMessage]="buttonMessage"></app-document-data> 
    </div> 
</div> 

() 내가 버튼을 클릭 할 때 함수는 parrent 구성 요소에서 확인합니다.

나는 아마도 @Input과 @Output decorator를 사용해야한다는 것을 알고 있지만 어떻게 적절하게 알지는 못한다. 자녀에게 템플릿의 참조를주고, 당신과 같이 그 함수를 호출 할 수 있습니다 :

Answer 1

은 더 쉽게있다 당신의 부모 구성 요소에서

<div md-dialog-content> 
    <div class="section-top"> 
    <p id="title" style="float:left;">Adding Dockument</p> 
    <div md-dialog-actions style="float:right;"> 
     <button class="edm-button inline" md-button (click)="onNoClick()" tabindex="-1">Cancel</button> 
     <button class="edm-button inline" md-button (click)="appDD.onSubmit()" tabindex="-1">Confirm</button> 
    </div> 
    </div> 
    <div> 
    <app-document-data #appDD [buttonMessage]="buttonMessage"></app-document-data> 
    </div> 
</div> 

Answer 2

(내가 두 번째 버튼을 눌러 전화를 걸 것 같아요) :

자녀에

onClick(){ 
    this.buttonMessage = true; 

:

@Input() buttonMessage: boolean; 

및 ngOnChanges :

ngOnChanges(changes: any) { 
    if(changes.buttonMessage.currentValue){ 
    this.onSubmit();