Angular 2 次に覚えたいフィーチャー

Angular 2  次に覚えたいフィーチャー Apr 10, Apr 16 2016  東西合同開催 Angular
2 ハンズオン

@armorik83 はちさん

今回のハンズオンでは Angular 2の入門的なAPIを扱っていきました

次に覚えておくとよい  機能や特徴について  まとめましたググるときのヒントに使ってね

templateUrl • @Component()のtemplateをtemplateUrlにして、  そこにパスを書くことで、テンプレートは別ファイル  として扱える @Component({ selector: 'my-app', providers: [],
templateUrl: 'app.component.html', directives: [] })

styles • @Component()のstylesプロパティに  文字列の配列を与えると、そのコンポーネントにのみ  適用できるスタイルシートを記述できる @Component({ selector: 'hero-app', template: `
<h1>Tour of Heroes</h1> <hero-app-main [hero]=hero></hero-app-main>`, styles: ['h1 { font-weight: normal; }'], directives: [HeroAppMainComponent] }) https://angular.io/docs/ts/latest/guide/component-styles.html

styleUrls • @Component()のstylesの外部ファイル参照版  styleUrlsというのもある  @Component({ selector: 'hero-details', template: ` <h2>{{hero.name}}</h2>
<hero-team [hero]=hero></hero-team> <ng-content></ng-content> `, styleUrls: ['app/hero-details.component.css'], directives: [HeroTeamComponent] })

Pipe • Angular 1でいうFilterは使いやすく、実装もしやすい Pipeになった • 文字列を変換するPipeや、数値を変換するPipe、  日付や金額を扱うPipeなど最初から色々入っている https://angular.io/docs/ts/latest/guide/pipes.html

読んでおくといいページ • Angular 1経験者には、2との違いが一覧表に  なっているANGULAR 1 TO 2 QUICK REFERENCEを 
オススメ  https://angular.io/docs/ts/latest/cookbook/a1-a2-quick-reference.html • Angular 2のテンプレート構文をド忘れしたときは  ANGULAR CHEAT SHEETをオススメ  https://angular.io/docs/ts/latest/cheatsheet.html

楽しいAngular 2ライフを  お過ごしください

Angular 2 次に覚えたいフィーチャー

Angular 2 次に覚えたいフィーチャー

OKUNOKENTARO

More Decks by OKUNOKENTARO

Other Decks in Programming

Featured

Transcript