removed img viewchild

JayChase · Jan 31, 2020 · b0237de · b0237de
1 parent f3fed17
commit b0237de
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 13 deletions.
diff --git a/angular.json b/angular.json
@@ -68,7 +68,12 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "demo:build"
+            "browserTarget": "demo:build",
+            "sourceMap": {
+              "scripts": true,
+              "styles": true,
+              "vendor": true
+            }
           },
           "configurations": {
             "production": {
@@ -108,9 +113,7 @@
               "projects/demo/tsconfig.spec.json",
               "projects/demo/e2e/tsconfig.json"
             ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "exclude": ["**/node_modules/**"]
           }
         },
         "e2e": {
@@ -178,13 +181,11 @@
               "projects/ngx-picture/tsconfig.lib.json",
               "projects/ngx-picture/tsconfig.spec.json"
             ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "exclude": ["**/node_modules/**"]
           }
         }
       }
     }
   },
   "defaultProject": "demo"
-}
+}
diff --git a/projects/demo/src/app/app.component.html b/projects/demo/src/app/app.component.html
@@ -25,6 +25,14 @@ <h2 class="mat-h2">ngx picture</h2>
     alt="test"
     [lazyLoad]="true"
     #picture
-  ></ngx-picture>
+  >
+    <ng-template #imgTemplate let-imageData>
+      <img
+        class="custom-template"
+        [src]="imageData.src"
+        [alt]="imageData.alt"
+      />
+    </ng-template>
+  </ngx-picture>
   <p class="mat-body-1">{{ pictureDetails$ | async }}</p>
 </mat-card>
diff --git a/projects/ngx-picture/src/lib/picture/picture.component.ts b/projects/ngx-picture/src/lib/picture/picture.component.ts
@@ -13,8 +13,7 @@ import {
   Optional,
   Output,
   PLATFORM_ID,
-  TemplateRef,
-  ViewChild
+  TemplateRef
 } from '@angular/core';
 import { WINDOW } from 'ngx-window-token';
 import { NgxPictureConfig } from '../ngx-picture-config';
@@ -39,8 +38,9 @@ export type ImageFormat =
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class PictureComponent implements OnInit, AfterViewInit {
-  @ViewChild('img', { static: false }) img: ElementRef<HTMLImageElement>;
-  @ContentChild('imgTemplate', { static: false }) imgTemplate: TemplateRef<any>;
+  @ContentChild('imgTemplate', { static: false }) imgTemplate: TemplateRef<
+    HTMLImageElement
+  >;
   @Input() src: string;
   @Input() imageFormats = this.ngxPictureConfig.imageFormats;
   @Input() breakpoints = this.ngxPictureConfig.breakpoints;