嵌套花括号/数据绑定

Question

我正在为我的应用程序使用Angular2。在我的HTML中，我有一个像这样的* ng：

<div *ngFor="let element of array">
   {{element.id}}
</div>

然后我有一个像这样的对象数组：

someData: [{element.id: 511}, {element.id : 123}] 
//Just some data in the values, nothing special

我现在需要的是嵌套这两个数据绑定，实际上我找不到任何好的建议。

我想要的是这样的：

<div *ngFor="let element of array">
      {{element.id}}
   <p>{{someData[{{element.id}}]}} </p>
</div>

所以我的问题是这是否可能以及如何实现。或者，如果你有任何建议以不同的方式实现同​​样的事情，我也很乐意听到这一点。 唯一的事情是，我无法更改任何数组，因为我需要“someData”中的“element.id”属性来知道值与另一个值相关。 谢谢到目前为止！

Answer 1

只需移除内部{{}}，一切都应该没问题。

{{}}内的所有内容都被解释为表达式，不需要在另一对中添加{{}}，它也无效。