我们如何在 Angular 中调用 Service 返回的函数类型

Question

好吧，我在澄清我对 Angular Servcies 和工厂的疑虑时，偶然发现了一个根据返回类型对其进行描述的教程。

目前我有以下内容：

angular.module("Training").service("Service", tryDis);
angular.module("Training").factory("Factory", tryDis);

function tryDis(){
    console.log("trying..");
    return "tried"; 
}

然后我有：

angular.module("Training").controller("Ctrl1", function($scope,Service, Factory){

    $scope.serviceData = Service;
    $scope.factoryData = Factory;

});

正如教程所说，服务返回整个函数本身，而工厂返回字符串“tried”。这很好。

现在我的意思是，如果我返回了一个函数类型，并且由于它也不接受任何参数，我仍然会以某种方式正确执行该函数。所以不知何故，我也从 Service 中得到了“尝试”。

参考JS function.prototype.call()，我试过了

angular.module("Training").controller("Ctrl1", function($scope,Service, Factory){

    $scope.serviceData = this.call(Service);//also call(Service)
    $scope.factoryData = Factory;

});

这似乎不起作用。 在上述情况下，如何获取字符串“已尝试”。？？

注意：我在编写服务时非常熟悉“this”的使用。但在这里我的问题不仅仅是关于 Angular 中的服务，而是关于在 JS 中调用返回的函数

Answer 1

要做到这一点，您需要从服务中返回一个函数：

angular.module('test', [])
  .controller('testCtrl', function(testService) {
    console.log(testService())
  })
  .service('testService', function() {
      return function() {
        return 'tried';
      };
  });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="test" ng-controller="testCtrl"></div>

Answer 2

您必须像这样定义服务：

angular.module("Training").service("Service", tryDis);

function tryDis(){
    this.output=function(){
        console.log("trying..");
        return "tried";
    };
}

然后像这样在控制器中获取返回值：

angular.module("Training").controller("Ctrl1", function($scope,Service, Factory){

    $scope.serviceData = Service.output();

});