開始行: * Injectableってなに [#tcfe4078] Angular2でDIするときのinjectする要素。 * Injectableを作る [#x8d82e4a] - @Injectable(デコレータ)をつけて(多段Injectでなければ... @Injectable() - classをexportする export class MyService{ loadData(): string[] { return ['hoge', 'moge', 'fuga']; } } @Injectableというデコレータを書くだけです。 オフィシャルでは、今は要らなくてもとりあえず書いておく、... > The HeroService doesn't have any dependencies at the mo... * 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されますが、この記述はI... * ソースコード [#u7db3f15] - [[til/javascript/angular2/angular2-practical-ABC-r2 at ... * 参考 [#xf87cf66] - [[Angular2のDIを知る - Qiita>http://qiita.com/laco0416/... 終了行: * Injectableってなに [#tcfe4078] Angular2でDIするときのinjectする要素。 * Injectableを作る [#x8d82e4a] - @Injectable(デコレータ)をつけて(多段Injectでなければ... @Injectable() - classをexportする export class MyService{ loadData(): string[] { return ['hoge', 'moge', 'fuga']; } } @Injectableというデコレータを書くだけです。 オフィシャルでは、今は要らなくてもとりあえず書いておく、... > The HeroService doesn't have any dependencies at the mo... * 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されますが、この記述はI... * ソースコード [#u7db3f15] - [[til/javascript/angular2/angular2-practical-ABC-r2 at ... * 参考 [#xf87cf66] - [[Angular2のDIを知る - Qiita>http://qiita.com/laco0416/... ページ名: