Archives by date

You are browsing the site archives by date.

【AngularJS】サービスの使い方。

メモ。

まずはサービスを定義。
※中身はすべて例。

angular.module('', []).factory('hogeFugaService', function() {
    // returnしたオブジェクトがサービスになる。
    return function(data) {
        // なんらかのロジックやらなんやら。
    }
})

これでhogeFugaServiceというサービスが生成される。

そしてコントローラーで使いたい時は下記のようにサービス名を指定して注入してやる。

angular.module('...').controller('hogeCtrl', function($scope, hogeFugaService) {
    // これでhogeFugaServiceを利用出来るようになる。
})

一定の処理をまとめておくのに使えるので非常に便利。

 

【AngularJS】ServiceとFactoryの違い。

■Service
渡したfunctionをコンストラクタとしてインスタンスを生成、そのインスタンスをサービスに登録する。

■Factory
渡したfunctionをそのままサービスに登録する。