A：新サービス

グラムサービスXXXX

B01.png


II：登録サービス

ここでおよびコンポーネント（構成要素）は、同じ必要はない手動する（にapp.module.tsに）登録

B02.png


3：使用サービス

①、サービスクラスは、単に何かを自分で書きます

インポート{注射}角度/コア@ 'から。

@Injectable（{ 
  providedIn： 'ルート' 
}）
エクスポートクラスNewsService { 

  コンストラクタ（）{} 
  パブリックにsetLocal <DATA>（$キー：文字列、$データ：DATA）：無効{ 
      localStorage.setItem（$キー、typeof演算（$データ）=== "文字列" $データ：？JSON.stringify（$データ））; 
  } 
  公共GETLOCAL <データ>（$キー：文字列）：DATAは、{ 
     $データを聞かせ：文字列= localStorage.getItem（$キー）。
     DATAとしてJSON.parse（$データ）を返します。

  } 
}

②、アセンブリ内のサービスを呼び出します

インポート{コンポーネント、のOnInit}角度/コア@ 'から。
'SRC /アプリ/デモ/ UserVo'からインポート{UserVo}。
"../../lib/EventMessage"からインポート{EventMessage}。
'../../services/news.service'からインポート{NewsService}。

@Component（{ 
  セレクタ： 'APP-ニュース'、
  templateUrl './news.component.html'、
  styleUrls：[」./news.component.cssは] 
}）
エクスポートクラスのNewsComponentはのOnInit {実装

  ngOnInit（）{ 
  } 

  パブリックコンストラクタ（パブリック_newService：NewsService）{ 
    $ ARRを聞かせ：配列<ストリング> = [ 
      "アレイ"、
      "[]" 
    ]。
    this._newService.setLocal <アレイの<string >>

    てみましょう$：配列の<string> = this._newService.getLocal <アレイ<文字列>>（ "ユーザー"）; 
    //console.log（$ A）。
  } 
}

コンストラクタで自動的原因アンギュラサービスに注入されることに注意してください...

3：結果

B03.png