如何在Angular 6/7中重复生成层次结构

Question

我想生成这样的东西：

每4个ites将重复一个带有carroseul-item类的div（基于组件上的对象数组）。每一项都会有一个外部类

 <div class="carroseul-item"> // will be repeated for every 4 itens.
  <row>
     <div class="col-md-3"> 
      {{ item.some_property }}                   //here I will show the object's properties
      </div>
  </row>
 <row>
     <div class="col-md-3">
      item
      </div>
  </row>

 <row>
     <div class="col-md-3">
      item
      </div>
  </row>

  <row>
     <div class="col-md-3">
      item
      </div>
  </row>

 </div>

<div class="carroseul-item">
  <row>
     <div class="col-md-3">
      item
      </div>
  </row>
 <row>
     <div class="col-md-3">
      item
      </div>
  </row>

 <row>
     <div class="col-md-3">
      item
      </div>
  </row>

  <row>
     <div class="col-md-3">
      item
      </div>
  </row>