如何從外部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>