AngularJS - 使用 ng-click 非顺序调用两个函数

阿内斯·埃尔贡吉

我有一个修改按钮,当我想点击它时,将执行modify()函数,文本按钮将变为save,我点击它,将执行save()函数。

这些是代码

<button class="btn btn-primary" ng-click="modify(); save()" ng-disabled="!modifyDisabled">{{button}}</button>

$scope.button="Modifier"
$scope.modify=function(){
  $scope.button="Enregistrer"
  $http.get("http://localhost:5000/settings").then(function(response){
    $scope.settingsInserted = false 
    $scope.nbOperateurPresents= response.data.data[0].nbOperateurPresents
    $scope.targetAmount1stHour= response.data.data[0].targetAmount1stHour
    $scope.targetAmount2ndHour= response.data.data[0].targetAmount2ndHour
    $scope.targetAmount3rdHour= response.data.data[0].targetAmount3rdHour
    $scope.targetAmount4thHour= response.data.data[0].targetAmount4thHour
    $scope.targetAmount5thHour= response.data.data[0].targetAmount5thHour
    $scope.targetAmount6thHour= response.data.data[0].targetAmount6thHour
    $scope.targetAmount7thHour= response.data.data[0].targetAmount7thHour
    $scope.targetAmount8thHour= response.data.data[0].targetAmount8thHour
   })  
}

$scope.save=function(){
 console.log('saved')
 $scope.button="Modifier"
}

我想执行第一次点击modify(),并在第二次点击save()

我认为我应该使用第三个功能,但我不知道如何使用!

谁能帮我 ?

阿明

你是对的,你的控制器需要第三个功能,它在修改和保存之间切换。应该很简单:

$scope.alreadyModified = false;

$scope.modifyFirstAndThenSave = function() {
  if (!$scope.alreadyModified) {
    $scope.alreadyModified = true;
    $scope.modify();
  } else {
    $scope.alreadyModified = false; // just in case a third click should modify again
    $scope.save();
  }
};

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用ng-click在angularJs中添加和删除类

AngularJS:ng-如果不能与ng-click结合使用?

在angularjs的ng-click函数中获取元素的属性

如何使用angularjs在ng-click中触发另一个元素的click事件?

AngularJS ng-click不起作用,但是ng-change在调用同一函数时有效

AngularJS ng-click:如何获取`this`数据?

angularjs:ng-click不起作用

禁止使用AngularJS ng-click与Tumblr共享

AngularJS:在ng-disabled中使用函数

如何使用硒调用角度函数(ng-click)

装饰AngularJs中的ng-click指令

AngularJS ng-click不调用范围内的函数

AngularJS:在<li> </ li>上使用ng-repeat并通过不同的函数调用ng-click?

在Angularjs中使用ng-click查找对象的子对象

如何在angularjs中使用ng-click显示ng-repeat的确切内容

AngularJS的怪异行为ng-click

如何修复“确保使用ng-click调用函数”错误

用ng-click Angularjs调用多个方法

使用AngularJS Ng-if函数的HTML DOM

AngularJS ng-show无法使用ng-click吗?

使用ng-click,单击并按顺序调用多个函数并将相同的变量传递给多个函数angularjs

在生成的html(angularJs)中使用ng-click和scope函数

使用 ng-click 调用两个不同的函数

使用 AngularJs 和 ES6 类:'this' 在 ng-click 中不可用

ng-hide / ng-show 不适用于使用 ng-click 调用的函数

如何在一个布尔值中使用多个 ng-click?AngularJS

AngularJS:使用“$compile(html)($scope)”后,ng-click 仍然无法正常工作

angularjs ng-click “如何使用 javascript 的 setAttribute() 创建具有某些功能的 ng-click 属性”

是否可以使用 AngularJS 在 ng-click 中添加 ng-repeat $index 值?