共通コントローラ機能を作成する

Question

すべてのコントローラからアクセスできるようなユーティリティバンドルを作成するにはどうすればよいですか？

私は私のメインモジュールで、この経路コードを持っている：

'use strict'; 

angular.module('lpConnect', []). 
    config(['$routeProvider', function($routeProvider) { 
    $routeProvider. 
     when('/home', {template: 'views/home.html', controller: HomeCtrl}). 
     when('/admin', {template: 'views/admin.html', controller: AdminCtrl}). 
     when('/connect', {template: 'views/fb_connect.html', controller: MainAppCtrl}). 
     otherwise({redirectTo: '/connect'}); 
}]); 

私はHomeCtrl、AdminCtrlとMainAppCtrlに共通することができる機能が欲しいです。

AngularJSでどうすればいいですか？

Answer 1

一般的なコードを角度で定義する方法は、サービスを使用する方法です。

あなたはそうのような新しいサービスを定義します：あなたがそう

function MainAppCtrl($scope,CommonCode) 
{ 
    $scope.alerter = CommonCode; 
    $scope.alerter.show("Hello World"); 
} 

ちょうどあなたのコントローラの関数の引数としてCommonCodeを含め、このservice..likeを注入でしょう、あなたのコントローラで

.factory('CommonCode', function ($window) { 
     var root = {}; 
     root.show = function(msg){ 
      $window.alert(msg); 
     }; 
     return root; 
    }); 

を。あなたのためにそれを注入するのがAngularです（Dependancy Injectionを読んでここで何が起こっているのか理解してください）。

Answer 2

• プロバイダ
• 工場
• 私はので、プロバイダについてあまり話すことはありませんサービス

：のみ）factoryが何であるかを定義し、AngularJSでinject dependenciesから3通りの方法が（共通のコードを定義する）がありますそれは依存性注入のためのより面倒な方法です。しかし、this pageはどのように動作するのか非常によく説明しています。

---

技術的には、サービスと工場同じもののために使用されています。 サービスはコンストラクタ関数ですが、ファクトリはそうではありません。 this postから

：

module.service('serviceName', function); 

あなたは 機能のインスタンスが提供されます、注射引数としてserviceNameを宣言する。あなたは は、関数にmodule.factoryに渡さ 参照を呼び出すことによって返され値が提供されます、注射引数としてfactoryNameを宣言

module.factory('factoryName', function); 

。

---

あなたが好むものを使用し、同じ結果を得ることができます。他の誰

サービス構文

app.service('MyService', function() { 
    this.sayHello = function() { 
    console.log('hello'); 
    }; 
}); 

工場構文

app.factory('MyService', function() { 
    return { 
    sayHello: function() { 
     console.log('hello'); 
    } 
    } 
});