角度中ng-show和ng-hide的行為

Question

這是我的代碼：html：

<div ng-controller="ButtonController">
   <button class=" circle-white btn btn-collapse-custom" ng-click="collapse(1); toggleBtn()">
     <i ng-show="imgbtn" class="fa fa-chevron-down"></i>
     <i ng-hide="imgbtn" class="fa fa-times"></i>
  </button>
</div>

js：

'use strict'

module.exports = function($scope , $rootScope ){
  $scope.imgbtn = true;
  $scope.toggleBtn = function() {
      $scope.imgbtn = $scope.imgbtn === false ? true: false;
  };
};

這項工作很好。

問題是單擊另一個按鈕時，前一個單擊保持活動狀態，因此十字不會改變。

單擊第一個按鈕

現在，單擊另一個按鈕，並且先前的按鈕仍處於活動狀態

IDK如何更改“主動”，還有其他解決方案？

Answer 1

只是猜測要實現的目標，但是您應該嘗試以下操作：

<div ng-controller="ButtonController">
    <button class=" circle-white btn btn-collapse-custom" ng-click="collapse(1); imbtn = !imbtn">
       <i ng-class="{'fa fa-chevron-down': imbtn, 'fa fa-times': !imbtn}">
       </i>
    </button>
</div>