html - 数据滑动到 Bootstrap 绑定(bind) Angular 2

Question

是否可以将 Angular 的 *ngFor 指令的索引属性绑定(bind)到某些不属于 native html 的属性？

<ol class="carousel-indicator">
    <li data-target="#myCarousel" data-slide-to="{{i}}" *ngFor="let item of items; let i = index></li>
</ol>

Answer 1

Please edit to:

<li *ngFor="let banner of banners,let i = index" data-target="#carousel" class="{{ (i == 0) ? 'active' : '' }}" attr.data-slide-to="{{i}}"></li>

* 编辑:attr.data-slide-to="{{i}}"=> 成功