使用属性绑定和字符串插值

Question

我想构建一个像example on the bootstrap website这样的手风琴，但是使用angular 2指令*ngFor来动态加载数据。因此我也尝试动态设置aria-controls的值：

[attr.aria-controls]="{{item.itemId}}"

显然，不可能在角度2中使用属性绑定和字符串插值。上面的代码给出了以下错误。

Parser Error: Got interpolation ({{}}) where expression was expected ...

有解决方法吗？

Answer 1

在这种情况下，以下就足够了：

[attr.aria-controls]="item.itemId"

这将评估item.itemId表达式并将结果放在aria-controls属性中。