कोणीयजेएस - नियंत्रकों और सेवाओं को बनाने के विभिन्न तरीके, क्यों?

Question

मैं AngularJS में नियंत्रकों और सेवाओं को बनाने के विभिन्न उदाहरण देख रहा हूं और मैं उलझन में हूं, क्या कोई मुझे दो दृष्टिकोणों के बीच अंतर बता सकता है?

app.service('reverseService', function() { 
    this.reverse = function(name) { 
     return name.split("").reverse().join(""); 
    }; 
}); 

app.factory('reverseService', function() { 
    return { 
     reverse : function(name) { 
      return name.split("").reverse().join(""); 
     } 
    } 
}); 

और यह भी एक नियंत्रक उदाहरण:

function ExampleCtrl($scope) { 
    $scope.data = "some data"; 
} 

app.controller("ExampleCtrl", function($scope) { 
    $scope.data = "some data"; 
} 

Answer 1

पहले एक global namespace अपवित्र होगा, जो नहीं है क्या आप लंबे समय में चाहते हैं।

function ExampleCtrl($scope){ 
    $scope.data = "some data"; 
} 

दूसरा वाला उस मॉड्यूल इंस्टेंस में नियंत्रक को स्कॉप्स करता है। यह इसे injectable बनाता है। बेहतर अभी भी सरणी नोटेशन (नीचे के रूप में) का उपयोग कर रहा है, क्योंकि यह खनन से बच जाएगा।

app.controller("ExampleCtrl", ['$scope', function($scope){ 
    $scope.data = "some data"; 
}]); 

एक (कोणीय) सेवा और कारखाने के बीच का अंतर काफी छोटा लगता है। एक सेवा एक कारखाने को लपेटती है, जो सेवा शुरू करने के लिए $injector.instantiate का उपयोग करती है।

Answer 2

मेरे नियंत्रकों और निर्देशों बनाने का पसंदीदा तरीका निम्न प्रकार है:

/** 
* SomeCoolModule.controller.js 
*/ 

(function(){ 
'use strict'; 

    angular.module('app.modals.SomeCoolModule').controller('SomeCoolModuleController', SomeCoolModuleController); 

    AddFlowCurveModalController.$inject = 
     [ 
      '$scope', 
      '$filter', 
      '$log', 
     ]; 

    function SomeCoolModuleController($scope, $filter, $log) { 
     /* controller body goes here */ 
    } 
})(); 

पुनश्च: कोई वैश्विक नामस्थान प्रदूषण Iife की वजह से ऊपर हो रहा है।