Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Web ComponentsとAngular

ponday
December 19, 2018

Web ComponentsとAngular

ng-japan OnAir(2018/12/19)にYouTubeライブで発表した資料です。

↓配信のアーカイブはコチラ
https://www.youtube.com/watch?v=ibbwzBdbQSQ

ponday

December 19, 2018
Tweet

More Decks by ponday

Other Decks in Programming

Transcript

  1. Profile - ponday (Honda, Yusuke) - 株式会社ベガコーポレーション エンジニア - Like

    : TypeScript / Elixir / Python etc… - 日曜フロントエンドエンジニア
  2. Custom Elements - 独自のHTMLタグ名を定義するAPI - window.customElements.define - class構文を用いて定義 - HTMLElementオブジェクトを継承

    - class構文をトランスパイルしてしまうとエラー (adapterを利用して回避可能)
  3. これから DOM API Component Component Component State Management Routing State

    Management Routing State Management Routing Web Components
  4. ソース修正①:AppModule - bootstrap: [...] を削除 - entryComponents: [...] を追加 -

    InjectorオブジェクトをDI - ngDoBootstrapでcreateCustomElement