具有一个ng-click属性的多个函数调用

Question

我可以使用一个ng-click属性执行一些操作吗？例如：

<input type="button" ng-click="createUser(); isVisiblePopup = true" value="Create new user">

我也尝试使用箭头功能：

<input type="button" ng-click="createUser(); () => { isVisiblePopup = true }" value="Create new user">

Answer 1

您可以在主要内容中调用后续说明：

createUser = function () {
    isVisiblePopup = true;
    ...
}

或者，如果您真的坚持，可以通过将它们与;

分开来调用多个函数

工作小提琴：http://jsfiddle.net/y1z29mqy/

Answer 2

<input type="button" ng-click="function () { functionCall1(); functionCall2(); etc } ..可以满足您的需求。或者有一个被调用的其他命名函数，它与上面的内容相同，以提高可读性

Answer 3

您可以创建方法createUserHandler()来处理点击事件：

HTML：

<input type="button" ng-click="createUserHandler()" value="Create new user">

JavaScript的：

$scope.createUserHandler= function() {
    $scope.isVisiblePopup = true;
    $scope.createUser(); 
}

Answer 4

第一个版本

<input type="button" ng-click="createUser(); isVisiblePopup = true" value="Create new user">

看起来不错。你的实际问题是什么？也许它不能用于其他原因。

Answer 5

我会创建一个动作doAll，它会调用所有方法，并在一次点击中设置所需的所有值。