Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.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 Ionic:单击两次时显示活动/非活动按钮_Javascript_Html_Button_Ionic Framework_Ng Class - Fatal编程技术网

Javascript Ionic:单击两次时显示活动/非活动按钮

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

我有3个不同的按钮,分别是A、B和C。现在,我的按钮正常,第一次单击时显示为活动状态。但当我第二次点击同一个按钮时,它并没有显示非活动按钮。在此之前,我也提到过,但没有什么能帮助我。下面是我的代码:

HTML:


非常需要您的帮助,谢谢。

请参阅下面的片段。您忘记切换所选按钮的状态

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;
   };