[完善]无图片处理

package.json

@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "scripts": {
     "ng": "ng",
-    "start": "ng serve --proxy-config  proxy.config.json  --open --port 4000 ",
+    "start": "ng serve --proxy-config  proxy.config.json  --open --port 25647",
     "build": "node --max_old_space_size=5048 ./node_modules/@angular/cli/bin/ng build --prod",
     "test": "ng test",
     "lint": "ng lint",

src/app/pages/get-out-of-line-details/get-out-of-line-details.component.html

@@ -18,10 +18,20 @@
   </div>
   <div class="content">
     <div *ngIf="selectedType == 'img'" class="imgbox">
-      <img [src]="imgUrl" alt="">
+      <ng-container *ngIf="imgUrl; else elseTemplate">
+        <img [src]="imgUrl" alt="">
+      </ng-container>
+      <ng-template #elseTemplate>
+        暂无图片
+      </ng-template>
     </div>
     <div *ngIf="selectedType == 'video'" class="vediobox">
-      <video controls style="width: 100%;height: 100%;" [src]="vedioUrl"></video>
+      <ng-container *ngIf="vedioUrl; else elseTemplate2">
+        <video controls style="width: 100%;height: 100%;" [src]="vedioUrl"></video>
+      </ng-container>
+      <ng-template #elseTemplate2>
+        暂无视频
+      </ng-template>
     </div>
   </div>
   <div class="btnbox" *ngIf="isBtn">