AngularでWebComponetsライブラリを使う時の基本 CustomElementsは基本的にはHTMLElementです(正確にはHTMLElementを継承して作ったもの)。customElements.define()することでグローバルに存在するようになるので、なんらかの方法でライブラリをインクルードすれば、あとはtemplateに書いておけば動きます。Angularから見れば、inputタグでもcustom-inputタグでも同じ話なわけです。 <input type="text"/> <custom-input type="text"></custom-input> ただし、Angularのテンプレートチェックに<input>はわかるけど<custom-input>は知らないやつだなあと怒られるので対策が必要です。 @NgModule({ schemas: [CUST
![@ionic/angularがWebComponentsでテンプレートチェックを効かせるためにやっていることを調べる - Crieit](https://cdn-ak-scissors.b.st-hatena.com/image/square/9f74230f9d5f042d3a0db5e69e362767d7e18231/height=288;version=1;width=512/https%3A%2F%2Fogp.crieit.net%2Fposts%2Fionic-angular-WebComponents%2Fogp.png)