2. TodoServiceクラスを作成する

TodoModelクラスを操作するためのServiceクラスを作成します。まず最低限Todoアプリで必要となるServiceクラスのI/Fを定義します。

• add(): Todoを登録します。
• remove(): Todoを削除します。
• toggleComplate(): Todoの完了状態を変更します。

:pencil2: app/services/todo.service.ts

import {Injectable} from "@angular/core";
import {Todo} from "../models/todo.model";

@Injectable()
export class TodoService {
  constructor() {}
  add():void {}
  remove():void {}
  toggleComplate():void {}
}

:sparkles: @Injectable()は、decorator(デコレータ)と呼ばれるものです。これが付けられたServiceクラスは、アプリケーション内のComponentにて利用することがでるようになります。個人的には自作した全てのSerivceクラスには付与して置いた方がいいと考えています。

:sparkles: decorator(デコレータ)は、将来Javascriptの共通APIとして利用できるよう、現在議論されている最新の言語仕様です。（アノテーションではなくデコレータです。）