Angular 如何在循环引导转盘中以角度传递图像？我正在尝试使用*ng，但它最终只显示数组中的第一个图像

我想将图像从阵列传递到旋转木马，我正在尝试使用*ngFor的方法，但它只显示阵列中的第一个图像。 我希望它总是在循环中

Below is my .html code

<div id="myCarousel" class="carousel slide" data-ride="carousel" data-pause="hover" data-wrap="true" data-interval="2000"  >
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
      <li data-target="#myCarousel" data-slide-to="3"></li>
      <li data-target="#myCarousel" data-slide-to="4"></li>
      <li data-target="#myCarousel" data-slide-to="5"></li>
    </ol>
    <div class="carousel-inner" style="height:330px;" >
      <div class="item" *ngFor="let cImg of maincorousel">
        <img src="{{cImg.cakeImgAdd}}" id="{{cId[1]}}" alt="Los Angeles"(click)="onSelectCake($event)" 
           style=" 
          width: 100%;">
      </div>    
    </div>
    <a class="left carousel-control" href="#myCarousel" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right" onclick=""></span>
      <span class="sr-only" >Next</span>
    </a>
  </div>



**My .ts file from where i am passing the images**


mainCorousel:mainCorouselCakesModel[] =[
    new mainCorouselCakesModel(1,"assets/rollin-images/mainCorousel1.jpg","ChocoLava","As Soft as cloud")
  ];

下面是我的.html代码






**我正在传递图像的.ts文件**
mainCorousel:MainCorouseCakesModel[]=[
新的mainCorouselCakesModel（1，“资产/rollin图像/mainCorousel1.jpg”，“巧克力”，“像云一样柔软”）
];