在Angular2中从HTML调用组件方法

Question

是否可以从HTML调用组件方法,还是应该创建另一个组件来处理格式？

<div *ngFor="let item of items">
  <div class="title">{{ item.Title }}</div>
  <p>
    callComponentMethodHere({{item}})
  </p>
</div>

Answer 1

{{callComponentMethodHere(item)}}

但是你应该避免这种情况,因为每次更改检测运行时都会调用该方法.最好在代码中调用该方法(例如,在constructor(),ngOnInit()或者事件处理程序中,将结果分配给属性,并从视图绑定到该属性.

调用事件处理程序当然很好:

<button (click)="callComponentMethodHere(item)">click me</button>