在 Angular2 中从 HTML 调用组件方法 [英] Call a component method from HTML in Angular2

问题描述

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

<div class="title">{{ item.Title }}</div><p>callComponentMethodHere({{item}})</p>

解决方案

{{callComponentMethodHere(item)}}

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

调用事件处理程序当然没问题:

<button (click)="callComponentMethodHere(item)">点击我</button>

Is it possible to call a component method from HTML, or should I create another component to handle formatting?

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

解决方案

{{callComponentMethodHere(item)}}

but you should avoid that because the method will be called every time change detection runs. It's better to call the method in code (for example in the constructor(), ngOnInit(), or an event handler, assign the result to a property and from the view bind to that property instead.

Calling event handlers is fine of course:

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

这篇关于在 Angular2 中从 HTML 调用组件方法的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！