Implement Ng Image Slider using loop in Angular

Hi,

I have a model called property and inside the model I have images: Image1, Image2, Image3, Image4 and Image5.

I need to loop through the records to show the 5 images so I have the first one as follows:

<div class="carousel-item active"style="background-image:url('assets/images/{{property.Image1}}.png')">
    <div class="container">
        <h2>{{property.Name}}</h2>
        <p *ngIf="property.SellRent ==1">For Sale / Price:{{property.Price}}AED</p>
        <p *ngIf="property.SellRent ==2">For Rent / Price:{{property.Price}}AED</p>
    </div>
</div>

so instead of having 5 of these I think there is a way to loop it. what if i have 20 images.

Thanks.