我們可以用ng-click編寫多個調用函數嗎？

我知道我們可以通過在聲明一個類後給出一個空格來爲類指令提供多個類。以同樣的方式，我們可以在ng-click指令中編寫多個傳遞元素和調用函數嗎？我們可以用ng-click編寫多個調用函數嗎？

來源

2017-03-27 srujana

回答將成爲你的目的，但[非侵入式JavaScript]（HTTPS提防：// en.wikipedia.org/wiki/Unobtrusive_JavaScript）概念。不建議這種類型的呼叫。 –

請不要這樣做..寫第三個功能，並稱之爲... – harishr

你有2種選擇：

創建包裹兩種方法的第三種方法。這裏的優勢在於，您在模板中放置的邏輯較少。
否則，如果您想在ng-click中添加2個呼叫，您可以添加';'方法1（ '測試'）這樣的
```
ng-click="method1('test'); method2('first','second');" 
```
後在這裏看到：http://jsfiddle.net/banshi/5kwn0an8/3/

來源

2017-03-27 05:13:11

是的，你可以。獨立的兩個功能由分號

<div ng-click="functionOne();functionTwo()"> </div>

angular.module("app", []) 
 
    .controller("ctrl", function($scope) { 
 
    $scope.functionOne = function() { 
 
     console.log("functionOne") 
 
    } 
 
    $scope.functionTwo = function() { 
 
     console.log("functionTwo") 
 
    } 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="ctrl"> 
 
    <div ng-click="functionOne();functionTwo();"> click</div> 
 
</div>

來源

2017-03-27 05:06:06

嘗試

ng-click="function1(); function2();"

而且你可以定義在控制器中都function1();和function2()。

來源

2017-03-27 05:20:27

您可以使用下面的代碼同時調用多個功能從@Sachiila ranawaka

<button ng-click="method1(); method2();"> 
 
    Submit 
 
</button>

來源

2017-03-27 05:30:55

我們可以用ng-click編寫多個調用函數嗎？

回答

相關問題