Html 嵌套大括号/数据绑定

我正在为我的应用程序使用Angular2。在我的html中，我有一个*NGF，如下所示：

<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>

{{element.id}
{{someData[{element.id}}]}

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

---

谢谢你

只要移除内部

{{}}

就可以了

---

{}

中的所有内容都被解释为表达式，不需要在另一对中添加

{}

，它也是无效的。

someData

也是一个数组。。那么它需要loopLoop来实现什么呢？如果要循环，可以将

*ngFor

添加到

。这实际上不起作用，因为someData[element.id]不显示任何内容。我不知道我是否说得够清楚。。每个element.id都是someData的属性，我想显示每个值。如果你知道我想说什么，我想它更像是{{someData[X].（element.id）}}，我不知道你期望

{}

做什么<代码>{{}只执行其中的代码，并将代码结果转换为字符串<代码>{{}不做任何循环或类似操作。我对编程非常陌生，所以我的期望非常有限D根据我的理解，现在我觉得@Poonam是对的，我还需要遍历一些数据，因为每个具有element.id属性的对象都是其中的单个元素。我重新构建了我的someData，这样它就是一个单独的对象，每个element.id都是一个属性，现在它可以按照我的要求工作了。