使用angular 5创建动态html行

Question

我是Angular的新手，但是我有一些Java背景。我正在尝试将每4个div放置在新行中，但是所有div都追加在同一行中。下面的是我的HTML代码。如何通过角度实现相同的目的？以下代码包含1行。我必须为每一行重复相同的内容。

<div class="row startRow">
    <div class="col-md-2 hidden-lg">&nbsp;</div>
    <div class="col-lg-3 col-md-2 shop-list" *ngFor="let shop of shops" (click)="onClick(shop.shopId)">
        <i class="material-icons UnSelectedImage">check_circle</i>
        <img src="{{shop.brandingImage}}"  alt="{{shop.name}}" class="img-responsive orgImage" />div 1                   
    </div>
    <div class="col-lg-3 col-md-2 shop-list"> div 2</div>
    <div class="col-lg-3 col-md-2 shop-list">div 3</div>
    <div class="col-lg-3 col-md-2 shop-list">div 4</div>
    <div class="col-md-2 hidden-lg">&nbsp;</div>
</div>