eventEmitter에 전달 된 함수 가져 오기 각도 4

Question

이벤트 이미 터에 전달 된 함수를 가져올 수 있습니까?

나는 구성 요소를 갖고이 같은 이벤트 이미 터에 함수를 전달합니다

<component (onClick)='function(parameter)'></component> 

내 구성 요소의

내가 @Output 함수를받을하고 방출 할 때이 같은 클릭 :

@Output() onClick: EventEmitter<any> = new EventEmitter<any>(); 
<button (click)="onClick.emit($event)"> 

내가 그 구성 요소에 전달하는 기능을 얻고 싶습니다. 가능합니까?

Answer 1

예 그

당신이 당신의 아이 컴퍼넌트 내부에 추가 기능을 가지고 말할 수 있습니다 가능하다.

@Output() onClick: EventEmitter<any> = new EventEmitter<any>(); 

    public add(a: number, b: number): number { 
    return a + b; 
    } 

그리고 버튼 클릭 이벤트에

, 당신은 당신이 하위 구성 요소에서 이벤트를들을 수 있습니다 부모 구성 요소의 내부 기능

<button (click)="onClick.emit(add)">Add</button> 

을 방출 할 수있다.

<component (onClick)='someFunc($event)'></component> 

이벤트가 트리거 될 때이 함수를 호출하십시오. 이 같은

someFunc(add: any) { 
    const result = add(5, 5); 
    console.log('and result is',result); 
} 

Answer 2

시도 : 대신

<component (onClick)='function($event)'></component>

<component (onClick)='function(parameter)'></component>