Javascript Ionic:单击两次时显示活动/非活动按钮
我有3个不同的按钮,分别是A、B和C。现在,我的按钮正常,第一次单击时显示为活动状态。但当我第二次点击同一个按钮时,它并没有显示非活动按钮。在此之前,我也提到过,但没有什么能帮助我。下面是我的代码: HTML:Javascript Ionic:单击两次时显示活动/非活动按钮,javascript,html,button,ionic-framework,ng-class,Javascript,Html,Button,Ionic Framework,Ng Class,我有3个不同的按钮,分别是A、B和C。现在,我的按钮正常,第一次单击时显示为活动状态。但当我第二次点击同一个按钮时,它并没有显示非活动按钮。在此之前,我也提到过,但没有什么能帮助我。下面是我的代码: HTML: 非常需要您的帮助,谢谢。请参阅下面的片段。您忘记切换所选按钮的状态 angular.module('mySuperApp',['ionic'])) .controller('MyCtrl',函数($scope){ $scope.button={}; $scope.button.a={c
非常需要您的帮助,谢谢。请参阅下面的片段。您忘记切换所选按钮的状态
angular.module('mySuperApp',['ionic']))
.controller('MyCtrl',函数($scope){
$scope.button={};
$scope.button.a={clicked:false}
$scope.button.b={clicked:false}
$scope.button.c={clicked:false}
$scope.select=功能(按钮){
var clicked=button.clicked;
$scope.button.a.clicked=false;
$scope.button.b.clicked=false;
$scope.button.c.clicked=false;
button.clicked=!clicked;
};
});代码>
切换按钮
切换按钮
A.
B
B
<button class="button button-primary" ng-model="button.a" ng-click="select(button.a)" ng-class="button.a.clicked?'button-dark':'button-stable'">
A
</button>
<button class="button button-primary" ng-model="button.b" ng-click="select(button.b)" ng-class="button.b.clicked?'button-dark':'button-stable'">
B
</button>
<button class="button button-primary" ng-model="button.c" ng-click="select(button.c)" ng-class="button.c.clicked?'button-dark':'button-stable'">
B
</button>
$scope.button = {};
$scope.button.a = {clicked: false}
$scope.button.b = {clicked: false}
$scope.button.c = {clicked: false}
$scope.select = function(button){
$scope.button.a.clicked = false;
$scope.button.b.clicked = false;
$scope.button.c.clicked = false;
button.clicked = true;
};