如何从外部AngularJS访问函数

Question

我绝对从未使用过AngularJS-我能够处理别人脚本的所有部分-但是迷失于访问Class之外的函数的新想法吗？ 或任何称为0_o的东西-我都尝试过查找-但是我迷路了。

我正在处理的脚本是这样的：

app.controller("searchFormController", function($scope,$http){


    $scope.getSomeDetails = function(filter){

        alert("you are doing stuff in this function");

    }


})

通常从脚本外部的表单中调用该函数-像这样：

<select id="transmissions" name="transmission" ng-model="transmission" ng-change="getSomeDetails(true)">

选择上述表单元素后，将正确调用函数getSomeDetails。

现在，我只想使用文本链接来调用相同的函数。 我努力了：

<span onClick="getSomeDetails(true)">Get Details </span>

不知道我在做什么错-

我只想调用相同的功能，但使用文本链接？

谢谢你的帮助。

Answer 1

app.controller("searchFormController", function($scope,$http){
    $scope.getSomeDetails = function(filter){
        alert("you are doing stuff in this function");
    };
});

这里的searchFormController是您的角度函数，因此将此函数附加到具有ng-controller属性的html模板。 在searchFormController提到的函数和变量将可用于您已将该函数与ng-controller绑定的模板。

你getSomeDetails功能在此searchFormController 。 因此，在要先调用此函数的html模板中，需要将控制器绑定到其父元素或该元素，以便在需要调用的函数作用域可用。

在这里，您必须在点击链接时调用函数，因此请使用ng-click 。 并调用该函数。

您的span标签应该是这样的。

<span ng-controller="searchFormController" ng-click="getSomeDetails(true)">Get Details </span>

Answer 2

<span ng-click="getSomeDetails(true)">Get Details</span>