Geçerli kapsamı bir AngularJS Hizmetine geçirme

"Akımı" $scopebir AngularJS hizmetine geçirmek doğru mu?

Yalnızca bir denetleyici tarafından tüketildiğini bilen bir $ hizmetim olduğu bir durumdayım ve denetleyicinin kapsamına $ hizmet yöntemlerinin kendisinde bir referans vermek istiyorum.

Bu felsefi olarak doğru mu?

Ya da olayları $ rootScope'a yayınlayıp ardından denetleyicimin onları dinlemesini sağlasam daha iyi olur?

Denetleyiciye zaman uyumsuz bir şey olduğunda haber vermek için Açısal vaatler kullanın .

Provoke etmek için $apply, kapsama ihtiyacınız $rootScope.$applyyoktur, onu belirli bir kapsamda veya kökte çağırmanın hiçbir farkı olmadığı için arayabilirsiniz .

Değişken okuma ile ilgili olarak, parametreler almanız daha iyi olacaktır. Ama bunu bir kapsamdan bir nesne parametresi olarak da okuyabilirsiniz, ancak ben parametre ile giderdim, bu servis arayüzünüzü çok daha net hale getirir.

İşlevselliğiniz yalnızca bir denetleyiciye özgüse, bir hizmete ihtiyacınız yoksa söyleyebilirim.

Denetleyicilerin görevleri, belirli modeli manipüle etmektir, oysa bir hizmet genel görevlerle ilgilenmelidir. İşleri karıştırmak yerine bu paradigmaya bağlı kalmayı tercih ederim.

Doktorların söylediği bu

Hizmet

Açısal hizmetler, web uygulamalarında ortak olan belirli görevleri yerine getiren tekil hizmetlerdir.

Kontrolör

Angular'da, bir denetleyici, kök kapsamı hariç olmak üzere açısal Kapsam örneklerini artırmak için kullanılan bir JavaScript işlevidir (tür / sınıf).

Not: Bunun dışında, sindirmeniz gerekiyorsa, hizmetinize $ rootScope da enjekte edebilirsiniz.

Evet. $ Kapsamını, onu başlattığınızda hizmete geçirebilirsiniz. Hizmet yapıcısında kapsamı this._scope gibi bir şeye atayabilir ve ardından hizmet içindeki kapsama başvurabilirsiniz!

angular.module('blah').controller('BlahCtrl', function($scope, BlahService) {

    $scope.someVar = 4;

    $scope.blahService = new blahService($scope);

});

angular.module('blah').factory('blahService', function() {

    //constructor
    function blahService(scope) {
        this._scope = scope;

        this._someFunction()
    }

    //wherever you'd reference the scope
    blahService.prototype._someFunction = function() {

        this._scope['someVar'] = 5;

    }

    return blahService;

});

Şahsen ben $scopebir hizmete geçmenin kötü bir fikir olduğuna inanıyorum , çünkü bu bir tür döngüsel referans oluşturuyor: denetleyici hizmete bağlıdır ve hizmet denetleyicinin kapsamına bağlıdır.

İlişkiler açısından kafa karıştırıcı olmasının yanı sıra, bunun gibi şeyler çöp toplayıcının yoluna giriyor.

Tercih ettiğim yaklaşım, bir etki alanı nesnesi koymak denetleyici kapsamına ve bunu hizmete iletmektir. Bu şekilde hizmet, bir denetleyicinin içinde veya gelecekte başka bir hizmetin içinde kullanılıp kullanılmadığına bakılmaksızın çalışır.

Örneğin, hizmetin bir dizideki öğeleri itmesi ve pop yapması gerekiyorsa errors, kodum şöyle olacaktır:

var errors = [];
$scope.errors = errors;
$scope.myService = new MyService(errors);

Servis daha sonra üzerinde çalışarak kontrolör ile etkileşime girer errors. Elbette tüm dizi referansını hiçbir zaman silmemek konusunda dikkatli olmalıyım, ancak günün sonunda bu genel bir JS sorunu.

Asla yayıncılık $applyve / veya benzeri şeyler kullanmak istemem , çünkü imho iyi OO uygulamaları her zaman Açısal büyüler ne olursa olsun gölgede kalacaktır.