Angular: динамическая установка идентификатора с помощью ng-repeat и ng-attr-id

Question

Я пытаюсь установить идентификатор тега привязки со значением, которое используется в моем ng-repeat. {{channel}} должен содержать строку с номером канала. {{channel}} отображается в виде текста внутри тега привязки, но для идентификатора идентификатор пуст, кто-нибудь знает, как я могу это правильно реализовать?

<li ng-repeat="channel in vm.channels">
    <a ui-sref="channel({channel:channel, event: null})" ng-attr-id="{{channel}}" ui-sref-active="active">{{managedContent 'channel'}} \{{channel}}</a>
</li>

Answer 1

    <div class="accordion" [attr.id]="'accordionTwo_' + i" *ngFor=" let i = index; let message of messages">

    <button class="btn btn-info pull-right" data-toggle="collapse" [attr.data-parent]="'#accordionTwo_' + i" [attr.href]="'#collapseTwo_' + i"> Details </button>
    <div [attr.id]="'collapseTwo_' + i" class="panel-collapse collapse in">
    <h1>Expanded body</h1>
    </div>
    </div>

Попробуйте приведенный выше код для * ngFor аккордеона.

Answer 2

Попробуйте:

ng-attr-id="{{ '' + channel }}"

Или просто:

id="{{ channel }}"