我们可以用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编写多个调用函数吗？

回答

相关问题