- 履歴一覧
- 差分 を表示
- 現在との差分 を表示
- 履歴 を表示
- はじめてのAngular2/Injectableを作る・利用する へ行く。
- 1 (2016-07-10 (日) 09:52:04)
- 2 (2016-07-10 (日) 09:53:08)
- 3 (2016-07-11 (月) 09:16:28)
- 4 (2016-07-11 (月) 12:46:10)
* Injectableってなに [#tcfe4078] Angular2でDIするときのinjectする要素。 * Injectableを作る [#x8d82e4a] - @Injectable(メタデータ)をつけて @Injectable() - classをexportする export class MyService{ loadData(): string[] { return ['hoge', 'moge', 'fuga']; } } @Injectableというメタデータを書くだけです。 * Injectableを利用(Inject)する [#e2292675] - exportしたクラスをimportして import {MyService} from './my.service'; - メタデータのprividersに追加して @Component({ ... providers: [MyService] }) - constructorの引数にする export class AppComponent{ private list: string[]; constructor(private myService: MyService) { this.list = myService.loadData(); } } コンストラクタの引数にするだけでDIされますが、この記述はInjectを省略しているだけのようです。 * ソースコード [#u7db3f15] - [[til/javascript/angular2/angular2-practical-ABC-r2 at master · fukuchiharuki/til>https://github.com/fukuchiharuki/til/tree/master/javascript/angular2/angular2-practical-ABC-r2]] * 参考 [#xf87cf66] - [[Angular2のDIを知る - Qiita>http://qiita.com/laco0416/items/61eed550d1f6070b36ab]]