将属性绑定与字符串插值一起使用

Question

我想构建一个手风琴，就像引导网站上的例子一样，但使用angular 2指令*ngFor动态加载数据。因此，我也尝试动态设置aria控件的值：

[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属性中。