web-dev-qa-db-ja.com

Angular2のHTMLからコンポーネントメソッドを呼び出す

HTMLからコンポーネントメソッドを呼び出すことは可能ですか、それともフォーマットを処理するために別のコンポーネントを作成する必要がありますか？

<div *ngFor="let item of items">
  <div class="title">{{ item.Title }}</div>
  <p>
    callComponentMethodHere({{item}})
  </p>
</div>
angulartypescriptangular2-template
16
Gerard
_{{callComponentMethodHere(item)}}
_

ただし、メソッドは変更検出が実行されるたびに呼び出されるため、これを避ける必要があります。コードでメソッドを呼び出した方がよいでしょう（たとえば、constructor()、ngOnInit()、またはイベントハンドラーで、結果をプロパティに割り当て、代わりにビューからそのプロパティにバインドします。

もちろん、イベントハンドラーの呼び出しは問題ありません。

_<button (click)="callComponentMethodHere(item)">click me</button>
_
33
Günter Zöchbauer