Создание динамических строк HTML с использованием угловых 5 - PullRequest
Новая
       11

Создание динамических строк HTML с использованием угловых 5

0 голосов
/ 06 сентября 2018

Я очень плохо знаком с Angular, но у меня есть немного Java-фона. Я пытаюсь поместить каждые 4 деления в новый ряд, но все деления добавляются в одном ряду. Ниже приведен мой 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>
...