AngularJS (उंगलियों पर) कारखाने और प्रदाता के बीच क्या अंतर है

एक बार मैंने लेख का अनुवाद किया "AngularJS (स्थिर, मूल्य, कारखाना, सेवा, प्रदाता) में सेवाओं के प्रकारों को समझना" । व्यवहार में, ज़ाहिर है, सब कुछ काम नहीं आता है, इसलिए कोणीय में प्रवेश करने के लिए दहलीज को कम करने के ढांचे के भीतर, मैं और अधिक सरलता से समझाऊंगा।



एंगुलर में कारखाने नहीं हैं। केवल प्रदाता हैं। यह इस तरह लिखा है:

app.provider('$helloWorld', function() { return { world: 'World', $get: function($hello) { return $hello + this.world; } } });
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

उसके बाद, Angular $ get विधि से एक सेवा बनाएगा:

 $helloWorld = function($hello) { return $hello + this.world; }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

और इसके प्रदाता शेष मापदंडों को कॉन्फ़िगर करने के लिए:

 $helloWorldProvider = { world: 'World' }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

हम सेवा (कॉन्फ़िगरेशन चरण में) को कॉन्फ़िगर करने के लिए प्रदाता का उपयोग करते हैं:

 app.config(function($helloWorldProvider) { $helloWorldProvider.world = 'Piter'; })
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

सेवा ही - आवेदन शुरू करने के बाद:

 app.controller('MainCtrl', function($scope, $helloWorld) { $scope.title = $helloWorld; // $hello + 'Piter' });
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

मान लें कि हमें सेटिंग्स की आवश्यकता नहीं है:

 app.provider('$helloWorld', function() { return { $get: function($hello) { return $hello + 'World'; } } });
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

हमने जो दर्ज किया है वह एक कारखाने से ज्यादा कुछ नहीं है। इस तरह लिखा जा सकता है:

 app.factory('$helloWorld', function($hello) { return $hello + 'World'; });
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

बेशक, इस मामले में, कोणीय $helloWorldProvider



, केवल यह मापदंडों के बिना खाली होगा।



निष्कर्ष: factory, service, value, constant



provider



लिए सिंटैक्टिक चीनी हैं



पीएस $hello



हमारी सेवा का केवल एक प्रकार है, उदाहरण के लिए:

 app.factory('$hello', function() { return 'Hello'; });
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

पीपीएस धोखा शीट



प्रदाता

 app.provider('$helloWorld', function() { return { world: 'World', $get: function($hello) { return $hello + this.world; } } });
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

फ़ैक्टरी

 app.factory('$helloWorld', function($hello) { return $hello + 'World'; }); //  app.provider('$helloWorld', function() { return { $get: function($hello) { return $hello + 'World'; } } });
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

सेवा

 app.service('$helloWorld', HelloWorldClass); //  app.provider('$helloWorld', function() { return { $get: function($hello) { return new HelloWorldClass($hello); } } });
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

मूल्य

 app.value('$helloWorld', {greating: 'Hello'}); //  app.provider('$helloWorld', function() { return { $get: function() { return {greating: 'Hello'}; } } });
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

स्थिर

 app.constant('$helloWorld', {world: 'Piter'}); //  app.provider('$helloWorld', function() { return { world: 'Piter', $get: function() { return this; // $get } } }); //  config    Provider app.config(function($helloWorld) { ... })
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

PPPS

 function HelloWorldClass($hello) { ... } app.service('$helloWorld', HelloWorldClass);
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

एंगुलर को यह कैसे पता चलता है कि कंस्ट्रक्टर को कौन से पैरामीटर पास करने हैं? तथ्य यह है कि HelloWorldClass



(और $get



में कोई भी फ़ंक्शन) $injector.invoke(fn)



माध्यम से लॉन्च किया गया है, और यह एक ऐसी चीज है जो फ़ंक्शन कोड को पढ़ती है, कोष्ठक से तर्क निकालती है और उसी नाम की सेवाओं को खींचती है (हमारे मामले में $hello



) । सब कुछ सरल है!