如何在角度8中创建转盘？

Question

第一个图像是我当前正在获得的图像，第二个图像是我实际上想要的图像

第一：-

第二：-

<mat-card class="carousel-data">
    <mat-grid-list cols="2" rowHeight="30px" class="carousel-data" *ngFor="let data of resource let i = index;" (click)="showdata()" >

        <mat-grid-tile>     
           <img class="m-t-0 m-b-0 "[src]="data.img" alt="" width="24">
            <div class="prof-left" style="margin-left: 10px;">
                <p class="m-t-0 m-b-0 bank-name">{{ data.bank_name}}</p>
                <p class="m-t-0 m-b-0 bank-account">{{ data.account_number }}</p>
            </div>
        </mat-grid-tile>
        <mat-grid-tile>
            <div class="prof-right">
                <p class="m-t-0 m-b-0 total-bal">Total Bal</p>
                <p class="m-t-0 m-b-0 total-amount">{{ data.amount }}</p>
            </div>
        </mat-grid-tile>
    </mat-grid-list>
</mat-card>

预先感谢：）

Answer 1

您可以使用OWl Carousel之类的东西

Answer 2

[如果已经包含，则可以尝试像https://www.w3schools.com/bootstrap/bootstrap_carousel.asp

Answer 3

运行yarn add ngx-owl-carousel-o