2017-06-19 10 views
0

私はこの問題を、クリックごとに一意の日付を渡して解決しました。 しかし、日付なしでそれを行うには良い方法はありますか?子コンポーネントのメソッドを呼び出す方法は?

@Component({ 
    selector: 'child' 
}) 
export class ChildComponent { 
    @Input() 
    public set onClick(value: Date) { 
    if (value) { 
     doSomething(); 
    } 
    } 
} 

そして、親テンプレートで:

<child [onClick]="timestamp"></child> 
<button (click)="timestamp= new Date"></button> 

答えて

5

を編集しました。メソッドを呼び出すためだけに入力プロパティを作成する必要はありません。

<child #child></child> 
<button (click)="child.doSomething()"></button> 
1

この

<child #childComp></child> 
<button (click)="childComp.onClick()"></button> 

ようなビューで変数を定義するには、子コンポーネント#childのための参照を作成します

+0

それは思いませんがより '<子#childComp>のような' ' <ボタン(クリック)= "childComp.someFunction()">' –

関連する問題