Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/tensorflow/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何为angular js中的单个切换按钮分配两个功能_Javascript_Html_Angularjs - Fatal编程技术网

Javascript 如何为angular js中的单个切换按钮分配两个功能

Javascript 如何为angular js中的单个切换按钮分配两个功能,javascript,html,angularjs,Javascript,Html,Angularjs,单击按钮后,我想更改其名称。有两种不同的函数:加法和减法。第一次按钮名为“添加”,单击时应执行添加数字功能,然后名称动态更改按钮名以进行减法运算,单击减法运算后,应执行减法运算,再次单击前一个按钮的名称进行添加。我该怎么做?当按钮切换为add时,如何调用不同的函数,如add函数,反之亦然 现在我可以在两个按钮之间切换,但在调用加法和减法函数时会遇到问题 <div ng-app="myModule"> <div ng-controller="my

单击按钮后,我想更改其名称。有两种不同的函数:加法和减法。第一次按钮名为“添加”,单击时应执行添加数字功能,然后名称动态更改按钮名以进行减法运算,单击减法运算后,应执行减法运算,再次单击前一个按钮的名称进行添加。我该怎么做?当按钮切换为add时,如何调用不同的函数,如add函数,反之亦然

现在我可以在两个按钮之间切换,但在调用加法和减法函数时会遇到问题

<div ng-app="myModule">
  <div ng-controller="myController">
    <button ng-click="toggle = !toggle">
      {{ toggle ? 'Add' : 'Subtract' }}
    </button>
  </div>
</div>

{{切换?'Add':'Subtract'}}

您可能希望定义两个按钮,并使用
ng if
一次显示其中一个按钮<如果不满足条件,则code>ng if从DOM中删除按钮。见正式文件:


添加
减去

瓦沙,请你检查一下这把小提琴好吗。你想要这个吗

说明:您可以使用标志(本例中调用的函数)调用目标函数并切换按钮的文本


{{functionToBeCalled}

var-app=angular.module('myApp',[]); 应用控制器('personCtrl',功能($scope){ $scope.functionToBeCalled=“添加”; $scope.add=函数(){ $scope.functionToBeCalled=“Substract”; 警报(“单击添加”); }; $scope.substract=function(){ $scope.functionToBeCalled=“添加”; 警报(“单击减法”); }; });