angularjs - Angular 直接将 $scope 参数从 View 发送到服务或工厂

Question

我有一个工厂，需要从 View 中调用工厂。 我想用两个参数调用工厂。 是否可以从模板发送$scope？

因为，我在多个地方使用同一工厂。

<input name="accnum" ng-blur="myservice.getAccountDetailsToDisplay($scope, accno)" />

Controller ，

 $scope.myservice= getAllDetailsService;

服务中，

tellerApp.factory('getAllDetailsService',['$rootScope', '$resource', '$http', '$filter', '$window',  function ($rootScope, $resource, $http, $filter, $window) {
    return{ 
           getAccountDetailsToDisplay: function ($scope, accountnumber) {
           console.log('>>>>>>');   
          }
};      
}]);

Answer 1

Service should be directly depends on scope, they could be indirectly depend on each other. If you pass $scope to the service it will become tightly couple to that specific controller.

就像您的情况一样，您只传递帐号，然后服务将执行所需的操作，例如执行ajax调用或从某处获取数据。

工厂

tellerApp.factory('getAllDetailsService', ['$rootScope', '$resource', '$filter', '$window', function($rootScope, $resource, $http, $filter, $window) {
    return {
        getAccountDetailsToDisplay: function(accountnumber) {
            return $http.get('/getAccountDetails?accountnumber=' + accountnumber).then(function(res) {
                //here you could do your addtional operation on data.
                return res.data; //giving access to data
            });
        }
    };
}]);

Controller

$scope.myservice= getAllDetailsService
//this line will ensure updation in scope
$scope.myservice.accountDetailsToDisplay = getAllDetailsService.accountDetailsToDisplay; 

标记

 <input name="accnum" ng-blur="myservice.getAccountDetailsToDisplay(accno)"/>

同样，在上面的代码中，我没有使用 $scope 作为参数，服务方法只会返回从服务中获取的任何数据，并且无论谁使用该服务方法都只能获得通过以下方式返回的数据服务。从服务 Controller 获取数据后，在其自己的上下文中修改范围。