как включить критерии NGIF - PullRequest
Новая
       6

как включить критерии NGIF

1 голос
/ 26 мая 2019

Я пытаюсь отображать данные только в том случае, если они соответствуют периоду image.media_type === image.Как добавить это внутри этого ngfor, чтобы отображались только изображения? 

<div *ngFor="let image of childPhotos">

    <div class="gallery openImageDialog" data-id={{image.url}} data-title={{image.title}}>
      <span id="myExplan" data-id={{image.explanation}}></span>
      <a href="#gardenImage" class="thumbnail" data-toggle="modal">
        <img class="img-responsive" src={{image.url}} alt={{image.title}}>
        <div class="hidden" data-title={{image.title}}></div>
      </a>
      <div class="desc">{{image.title}}</div>
    </div>

</div>

1 Ответ

2 голосов
/ 26 мая 2019

Конечно, вы можете добавить его сразу после цикла ngFor с помощью div 

<div *ngFor="let image of childPhotos">
    <div *ngIf="image.media_type === 'image'" class="gallery openImageDialog" data-id={{image.url}} data-title={{image.title}}>
      <span id="myExplan" data-id={{image.explanation}}></span>
      <a href="#gardenImage" class="thumbnail" data-toggle="modal">
        <img class="img-responsive" src={{image.url}} alt={{image.title}}>
        <div class="hidden" data-title={{image.title}}></div>
      </a>
      <div class="desc">{{image.title}}</div>
    </div>
</div>
...