Question

我正在尝试使用ng-repeat中使用的值设置锚标记的ID。 {{channel}}应包含带有频道号的字符串。 {{channel}}可以很好地显示为锚标记中的文本，但是对于id来说，id为空，有人知道我该如何正确实现吗？

<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

尝试：

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

或者简单地：

id="{{ channel }}"

Answer 2

    <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手风琴代码。

Angular：使用ng-repeat和ng-attr-id动态设置ID

2 个答案: