title: How to extend HTML elements with Angular 7
body: <p>I try to create custom button in Angular 7. This button should support all attributes, which already have standard HTML button, like autofocus, disabled and etc. So I try to extend <code>HTMLButtonElement</code> in my component like this:</p>
  
  <pre><code>import { Component, Input } from '@angular/core';
  
  @Component({
    selector: 'my-button',
    template: '&lt;ng-content&gt;&lt;/ng-content&gt;'
  })
  export class ButtonComponent extends HTMLButtonElement {
  }
  </code></pre>
  
  <p>But I get error message <code>Error: Failed to construct 'HTMLButtonElement': Please use the 'new' operator, this DOM object constructor cannot be called as a function.</code></p>
  
  <p>Is some way to extend HTML element in Angular component without using directive?</p>
  
  <p><a href="https://stackblitz.com/edit/angular-extend-html-element?file=src/app/button.component.ts" rel="nofollow noreferrer">Demo</a></p>