title: ngx-webcam for specific view and component angular 6
body: <p>I am using ngx-webcam in my application to capture image using webcam. I have import library in app.module.ts and also on my view but it gives me this error
  'webcam' is not a known element. If using webcam tag in app.component html it work good but i want to use it in separate view. This is my code </p>
  
  <pre><code>import {WebcamImage} from 'ngx-webcam';
  
  export class CreateMemberComponent implements OnInit {
   private trigger: Subject&lt;void&gt; = new Subject&lt;void&gt;();
  
   // latest snapshot
   public webcamImage: WebcamImage = null;
  public triggerSnapshot(): void {
      this.seconds = 3;
      this.trigger.next();
      this.seconds = null;
    }
  
    public handleImage(webcamImage: WebcamImage): void {
      console.log('received webcam image', webcamImage);
      this.webcamImage = webcamImage;
    }
  
    public get triggerObservable(): Observable&lt;void&gt; {
      return this.trigger.asObservable();
    }
  </code></pre>
  
  <p>here is my html code</p>
  
  <pre><code>&lt;div class="col-sm-4"&gt;
      &lt;div style="text-align:center"&gt;
          &lt;div&gt;
            &lt;p&gt;{{seconds}}&lt;/p&gt;
            &lt;webcam [trigger]="triggerObservable" (imageCapture)="handleImage($event)"&gt;&lt;/webcam&gt;
            &lt;br/&gt;
            &lt;button id="snapshotBtn" (click)="triggerSnapshot();"&gt;Take A Snapshot&lt;/button&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="snapshot" *ngIf="webcamImage"&gt;
          &lt;h2&gt;Nice one!&lt;/h2&gt;
          &lt;img [src]="webcamImage.imageAsDataUrl"/&gt;
        &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Please see the attached image for reference.</p>
  
  <p><a href="https://i.stack.imgur.com/2scdI.png" rel="noreferrer"><img src="https://i.stack.imgur.com/2scdI.png" alt="enter image description here"></a></p>