angular - Angular html中的箭头函数

Question

我想知道在 Angular 中是否可以在这样的组件中使用箭头函数

<app-child [showItemCondition]="item => item.isVisible" [list]="items"></app-child>

Answer 1

正如 Guerric 所说，这是不可能的，您应该定义，例如

  condition=(item)=>item.isVisible
  //or
  condition=(item)=>{
    return item.isVisible
  }
  condition(item){
    return item.isVisible
  }

并将函数作为参数传递

<app-child [showItemCondition]="condition" [list]="items"></app-child>

在你的 child 身上

@Input()showItemCondition:any

<div *ngFor="let item of items">
  {{showItemCondition(item)}}
</div>