使用表达式(映射)的 Angular 2 分量输入绑定(bind)

Question

我有一个输入数组类型的组件

class FooComponent  {  
@Input() selectedItemIds:String[];
}

我想在父组件中使用 map 表达式进行绑定(bind)

<app-foo-component [selectedItemIds]='items.map(i=>i.Id)'><app-foo-component>

我得到了很好的 Angular 误差

Bindings cannot contain assignments...

那么解决方案是什么？

**注意:我知道如何在组件类中做到这一点。我想知道是否可以通过模板实现代码非常简短，我只是想展示我正在尝试做的事情**

Answer 1

在*.ts中调用 map 函数在尝试将文件传递给 <app-foo-component> 之前.如果你试图这样做是因为你的组件是在你的数组完成之前构建的，那么创建一些属性来保存它。

<app-foo-component *ngIf="itemsReady" [selectedItemIds]='items'><app-foo-component>

然后在你的*.ts文件你可以创建一些函数来做你的映射

itemsReady = false;

mapFunction() {
  // do your mapping and when it's complete set this.itemsReady = true
}