title: Angular 6: How to access API of Electron <webview> Element?
body: <p>currently using the awesome <a href="https://github.com/maximegris/angular-electron" rel="nofollow noreferrer" title="Angular Electron Boilerplate">Angular Electron Boilerplate</a>. Let's say I want to access the API of <a href="https://electronjs.org/docs/api/webview-tag" rel="nofollow noreferrer" title="Electron&#39;s webview component">Electron's webview component</a>. </p>
  
  <p>I have currently created following sample component:</p>
  
  <pre><code>import { Component, ViewChild, AfterViewInit } from "@angular/core";
  
  @Component({
      selector: 'browserwindow',
      template: '&lt;webview #webview&gt;&lt;/webview&gt;'
  })
  export class BrowserwindowComponent implements AfterViewInit {
  @ViewChild('webview') webview: any; //which type do I put here?
  
  constructor() { }
  
  ngAfterViewInit(): void {
      this.webview = this.webview.nativeElement;
      this.webview.openDevTools();
  }
  </code></pre>
  
  <p>But I get a Type Error: <em>Cannot read property 'openDevTools' of undefined</em>. </p>
  
  <p>So what am I doing wrong? Is this approach even a good practice?</p>