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

Develop Components with Angular

Develop Components with Angular

Yosuke Kurami

December 23, 2016
Tweet

More Decks by Yosuke Kurami

Other Decks in Programming

Transcript

  1. About me • @Quramy (Yosuke Kurami) • Frontend Web Developer

    at WACUL INC. • develop SPA with Angular(1 and 2) • झຯͰTypeScript༻ͷVimϓϥΪϯ։ൃ͠·͢ • http://vimawesome.com/plugin/tsuquyomi 

  2. UI and Application • ModuleΛ໌ࣔతʹ෼ׂ • UI Module: ݟͨ໨ʹಛԽ͢Δ. ΞϓϦͷ஌ࣝ͸࣋ͨͳ͍

    • Application Module: UIΛར༻͢Δ͚ͩ. ෳࡶͳCSS͸ॻ͔ ͳ͍ UI Module Application Module
  3. Ͳʔ΍ͬͯ࡞Δͷ͔ • 1 UI ComponentʹରԠͯ͠ 1UI Guide ComponentΛ࡞Δ • Guide

    ComponentͷΫϥεͷ഑ྻΛ࡞ͬͯGuide Moduleͷ entryComponents ʹಥͬࠐΉ • ComponentResolverFactory + ViewContainerRef Λ࢖ͬ ͯɺGuide ComponentΛಈతʹϚ΢ϯτ͢Δ • ιʔείʔυදࣔ͸srcσΟϨΫτϦΛͦͷ··Webαʔόʹ ಥͬࠐΜͰ͓͍ͯɺHttp ServiceͰऔಘ͢Δ͚ͩ