无法根据ngFor的索引操纵css类。 Angular5

Question

我在尝试以角度5实现bootstrap轮播时遇到问题。我有一个来自服务器的图像列表，并希望在轮播中显示图像列表。为了使轮播正常工作，我只需要在索引0中设置活动类。但我无法根据在线发现的不同说明实现此目的。

我这样做是为了得到结果，但它不起作用

<div class="carousel-inner" *ngFor="let relatedPhoto of relatedPhotos; index as i">

          <div class="carousel-item" **ng-class="{'active': i == 0}**">
              {{i == 0}}
            <img src="../../assets/images/{{relatedPhoto}}" width="100%" alt="Los Angeles">
          </div>
</div>

对这个问题有什么看法吗？我在浏览器中看不到任何图片。