gallery.component.html

gallery.component.html

<div class="modal fade" id="selectedImageModal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="selectedImage" *ngIf="selectedImage">
                    <img src="{{selectedImage.blobFileUrl}}" class="thumbnailImage" onerror="this.src='https://cpcpdev.blob.core.windows.net/other-documents/docx.png'">
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div *ngFor="let image of dataCollection" class="col-md-3 col-sm-4 col-xs-6">
        <img class="img-responsive tn" src="{{image.blobFileUrl}}" onerror="this.src = 'https://cpcpdev.blob.core.windows.net/other-documents/docx.png'" data-toggle="modal" data-target="#selectedImageModal" (click)=setSelectedImage(image) />
        <div class="desc">{{image.name}}</div>
    </div>
</div>