Chuyển phạm vi hiện tại sang Dịch vụ AngularJS

Chuyển "hiện tại" $scopesang dịch vụ AngularJS có đúng không?

Tôi đang ở trong tình huống mà tôi có một dịch vụ $ khi biết rằng nó chỉ được sử dụng bởi một bộ điều khiển và tôi muốn tham chiếu đến phạm vi của bộ điều khiển trong chính các phương thức dịch vụ $.

Điều này có đúng về mặt triết học không?

Hay tốt hơn là tôi nên phát các sự kiện tới $ rootScope và sau đó làm cho bộ điều khiển của tôi lắng nghe chúng?

Để cho bộ điều khiển biết khi có điều gì đó không đồng bộ xảy ra, hãy sử dụng Angular hứa hẹn .

Để kích hoạt $apply, bạn không cần phạm vi, bạn có thể gọi $rootScope.$apply, vì không có sự khác biệt khi gọi nó trong một phạm vi cụ thể hoặc trong thư mục gốc.

Về việc đọc biến, sẽ tốt hơn nếu bạn nhận được các tham số. Nhưng bạn cũng có thể đọc nó từ phạm vi dưới dạng tham số đối tượng, nhưng tôi sẽ sử dụng tham số, điều đó sẽ làm cho giao diện dịch vụ của bạn rõ ràng hơn nhiều.

Tôi sẽ nói nếu chức năng của bạn chỉ dành riêng cho một bộ điều khiển thì bạn không cần dịch vụ.

Nhiệm vụ của bộ điều khiển là thao tác với mô hình cụ thể trong khi một dịch vụ phải xử lý các tác vụ toàn cục. Tôi thà gắn bó với mô hình này thay vì trộn lẫn mọi thứ.

Đây là những gì tài liệu nói

Dịch vụ

Các dịch vụ Angular là các ứng dụng đơn thực hiện các tác vụ cụ thể chung cho các ứng dụng web

Bộ điều khiển

Trong Angular, bộ điều khiển là một hàm JavaScript (kiểu / lớp) được sử dụng để tăng cường các phiên bản của Phạm vi góc, ngoại trừ phạm vi gốc.

Tái bút: Ngoài điều đó ra, nếu bạn cần hiểu rõ, bạn cũng có thể đưa $ rootScope vào trong dịch vụ của mình.

Đúng. Bạn có thể chuyển $ scope vào dịch vụ khi khởi tạo nó. Trong phương thức khởi tạo dịch vụ, bạn có thể gán phạm vi cho một cái gì đó như thế này._scope và sau đó tham chiếu phạm vi trong dịch vụ!

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;

});

Cá nhân tôi tin rằng chuyển $scopetới một dịch vụ là một ý tưởng tồi , vì nó tạo ra một tham chiếu vòng tròn kinda: bộ điều khiển phụ thuộc vào dịch vụ và dịch vụ phụ thuộc vào phạm vi của bộ điều khiển.

Ngoài việc khó hiểu về mặt quan hệ, những thứ như thế này cuối cùng lại cản đường người thu gom rác.

Cách tiếp cận ưa thích của tôi là đặt một đối tượng miền trong phạm vi bộ điều khiển và chuyển nó cho dịch vụ. Cách này dịch vụ hoạt động bất kể nó được sử dụng bên trong bộ điều khiển hay có thể bên trong dịch vụ khác trong tương lai.

Ví dụ: nếu dịch vụ được cho là đẩy và bật các phần tử từ một mảng errors, mã của tôi sẽ là:

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

Sau đó, dịch vụ tương tác với bộ điều khiển bằng cách bật errors. Tất nhiên tôi phải thận trọng về việc không bao giờ xóa toàn bộ tham chiếu mảng, nhưng vào cuối ngày, đó là mối quan tâm chung của JS.

Tôi không bao giờ muốn sử dụng phát thanh truyền hình $applyvà / hoặc những thứ tương tự, bởi vì các phương pháp OO tốt sẽ luôn vượt trội bất cứ thứ gì Angular-magics.