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