e

src/app/shared/components/imagelist/imagelist.component.html

@@ -1,3 +1,10 @@
 <div class="imgBox">
-  <img *ngFor="let item of imgList; let i = index" nz-image [nzSrc]="item" />
+  <ng-container *ngFor="let item of imgList; let i = index">
+    <ng-container *ngIf="item; else elseTemplate">
+      <img nz-image [nzSrc]="item" />
+    </ng-container>
+    <ng-template #elseTemplate>
+      <div style="background-color: darkgrey;border-radius: 5px;width: 200px;height: 160px;" class="mr-sm"></div>
+    </ng-template>
+  </ng-container>
 </div>

src/app/shared/components/imagelist/imagelist.less

@@ -1,9 +1,11 @@
 .imgBox {
-  width: 100%;
+  width   : 100%;
   overflow: hidden;
+  display : flex;
+
   img {
-    width: 100px;
-    margin: 0 10px;
+    width         : 100px;
+    margin        : 0 10px;
     vertical-align: middle;
   }
-}
+}