Verhalten bei ng-Show und ng-hide in Winkel

Question

Dies ist mein Code: 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; 
    }; 
}; 

diese feine Arbeit.

Das Problem ist, wenn eine andere Schaltfläche geklickt wird, bleibt der vorherige Klick aktiv, so dass sich das Kreuz nicht ändert.

first button , when clicked

Now another button is clicked , and previous is active yet

Idk, wie die 'aktiv' zu ändern, eine andere Lösung?

Answer 1

nur raten, was Sie erreichen wollen, aber Sie sollten versuchen, diese:

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