सामान्य नियंत्रक फ़ंक्शन बनाना

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

कोणीय में सामान्य कोड को परिभाषित करने का तरीका सेवाओं के माध्यम से है।

तुम इतनी तरह एक नई सेवा निर्धारित करना होगा:

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

अपने नियंत्रक में आप इस service..like डालेगी तो

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

बस अपने नियंत्रक कार्य करने के लिए एक तर्क के रूप CommonCode शामिल हैं। कोणीय आपके लिए इंजेक्शन करने का ख्याल रखेगा (निर्भरता इंजेक्शन पर पढ़ें .. यह समझने के लिए कि यहां क्या हो रहा है।)

Answer 2

बस पिछले उत्तर को अपडेट करने के लिए (जो केवल परिभाषित क्या factory है), वहाँ inject dependencies के 3 तरीके (सामान्य कोड को परिभाषित) AngularJS में हैं:

• प्रदाता
• कारखानों
• सेवाएं

मैं बहुत प्रदाता के बारे में बात नहीं करेंगे क्योंकि यह निर्भरता इंजेक्शन के लिए एक और अधिक श्रमिक विधि है। हालांकि, this page बहुत अच्छी तरह से बताता है कि वे कैसे काम करते हैं।

---

तकनीकी तौर पर, सेवा और कारखाने एक ही बात के लिए उपयोग किया जाता है। यह पता चला है कि एक सेवा एक कन्स्ट्रक्टर फ़ंक्शन है जबकि एक कारखाना नहीं है।

this post से:

module.service('serviceName', function); 

जब एक इंजेक्शन तर्क आप समारोह का एक उदाहरण के साथ प्रदान की हो जाएगा के रूप में serviceName की घोषणा।

module.factory('factoryName', function); 

जब एक इंजेक्शन तर्क आप साथ मान जो फ़ंक्शन संदर्भ module.factory के लिए पारित लागू द्वारा दिया जाता है प्रदान किया जाएगा के रूप में factoryName की घोषणा।

---

आप एक आप पसंद करते हैं का उपयोग करें और ही परिणाम प्राप्त कर सकते हैं।

यहाँ तो factoryservice पहले के माध्यम से वास्तव में ही बात कर रहे दो कोड, और है:

सेवा वाक्य रचना

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

फैक्टरी वाक्य रचना

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