Использование привязки атрибута вместе со строковой интерполяцией

Question

Я хочу построить такой аккордеон, как example on the bootstrap website, но с динамически загружаемыми данными с использованием угловой 2 директивы *ngFor. Поэтому я попытался установить значение арии-управления динамически тоже:

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