javascript - 从 ng-click 函数调用服务

Question

我有一个名为 depotSvc 的工厂服务。我将它添加到 Controller 中的范围。当我直接从 Controller 访问它时，没有问题——它会将“foo”记录到控制台。当我从我的 ng-click 函数中调用它时，它不会将“foo”记录到控制台。从 ng-click 函数中调用服务有技巧吗？

html

 <button id="a" type="button" ng-click="getAreaData(depotCode, a)">

js

$scope.depotSvc = depotSvc;

$scope.getAreaData = function(depotCode, depotArea) {

    $state.go("depot", {depotCode : depotCode, depotArea : depotArea });

    depotSvc.getDepotVehiclesFlatArray(depotCode, depotArea).then(function(data){
                    console.log("foo")
                })
            };

Answer 1

Is there a trick to calling services from within ng-click functions?

没有技巧，您可以访问您暴露给作用域的所有内容(或者在 controllerAs 语法的情况下是 Controller 实例)。因此，如果您需要您的服务在 Angular 表达式的 HTML 中可用，您需要将其分配给某个范围属性。例如:

$scope.depotSvc = depotSvc;