tüketmek kontrolörleri ile değerlerini paylaşmaz bir hizmet nesnesi nasıl yapılır

Question

en Öyle

myApp.factory('myService', function() { 
    return { 
    counter: 0, 
    increment: function() { 
     console.log('counter: ' + (this.counter++)) 
    } 
    }; 
}); 

gibi bir fabrika, hizmet veya sağlayıcı nesne oluşturmak varsayalım Ve bağlı olan bir denetleyici olduğunu varsayalım üzerinde

myApp.controller('myCtrl', function(myService) { 
    $scope.incr = function() { 
    myService.increment(); 
    }; 
} 

Ve html

<div ng-controller="myCtrl"> 
    <button ng-click="increment()">increment</button> 
</div> 
... 
<div ng-controller="myCtrl"> 
    <button ng-click="increment()">increment</button> 
</div> 

farklı yerlerinde bu denetleyici uygulamakŞu anda, her bir düğmeye bastığımda, sayaç evrenseldir ve 0, 1, 2, 3, ...

Her bir denetleyicinin alması için fabrikamı, hizmeti veya sağlayıcımı nasıl yazabilirim? servis nesnesinin farklı kopyası?

Answer 1

Fabrikalar tekil olduklarından, her defasında servisinizi oluşturmak için fabrikada bir yöntem kullanmanız gerekecektir.

<div ng-controller="myCtrl"> 
    <button ng-click="incr()">increment</button> 
</div> 
... 
<div ng-controller="myCtrl"> 
    <button ng-click="incr()">increment</button> 
</div> 

Plunkr

:

myApp.factory('myService', function() { 
    return { 
    create: function() { 
     return { 
     counter: 0, 
     increment: function() { 
      console.log('counter: ' + (this.counter++)); 
     } 
     }; 
    } 
    }; 
}); 

myApp.controller('myCtrl', function($scope, myService) { 
    var service = myService.create(); 
    $scope.incr = function() { 
    service.increment(); 
    }; 
}); 

Ayrıca kontrolör yöntemi adı görünümde hangi kadar eşleşmiyor: artımlı sayı yapar hizmetinizi döndüren bir oluşturmak yöntemi olması hizmetinizi değiştirin

Answer 2

Sadece .service ifadesini değiştirin. Bu, her enjekte ettiğinizde benzersiz bir kapsam sağlayacaktır. Bunun için

nedenleri daha iyi bu cevap açıklanmıştır: açısal içinde AngularJS: Service vs provider vs factory