angular-cliのserviceの呼び出し方

angular/cliで生成するserviceテンプレートの使い方の備忘録

生成

ng g service manage/unit-util

app/services/manage/unit-util.service.ts (と.spec)が生成される

Componentに注入

import { UnitUtilService } from '../../services/manage/unit-util.service';

.service まで忘れずに記述する。

Providerに登録

@Component({
  selector: 'app-dere-list',
  templateUrl: './dere-list.component.html',
  styleUrls: ['./dere-list.component.css'],
  providers: [UnitUtilService]                 // この行を追記
})
export class DereListComponent ...

これを書かないと No provider for {service_name} と怒られる。

コンストラクタでインスタンスを生成

  constructor(private db: AngularFireDatabase, private unitUtil: UnitUtilService) {

呼び出し

unitUtil.getFoo();

実ソース