angular - 在 Angular2 中从 HTML 调用组件方法

标签 angular typescript angular2-template

是否可以从 HTML 调用组件方法,或者我应该创建另一个组件来处理格式设置?

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

最佳答案

{{callComponentMethodHere(item)}}

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

当然可以调用事件处理程序:

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

关于angular - 在 Angular2 中从 HTML 调用组件方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42066490/

相关文章:

angular - 如何运行@angular-eslint/schematics :convert-tslint-to-eslint

angular - 如何将 Ionic 4 与 aspnetboilerplate 集成,而不会出现任何 typescript 错误?

javascript - 你能在 Angular 2 中有一个独立的指令吗

angular - 如何呈现实现接口(interface)的组件?

javascript - 从枚举填充数组(Angular)

javascript - Angular2 ngModel : Why can it change an immutable string?

javascript - 如何在 Angular 8 中使用拦截器从 json 中提取特殊值

angular - 在 Angular 2 中将对象传递给 Pipe 而不是键

javascript - IONIC 2 中受感染服务的实例类型

c# - 当返回类型为 iActionResult 时,component.ts 类给出错误