Wie versteckt man eine Schaltfläche in eckigen js mit Bedingungen?

Question

Ich habe drei Tasten:

<button class="btn btn-success">Save</button> 
<button class="btn btn-success">Send</button> 
<button class="btn btn-success">Close</button> 

ich wissen will, wie mit Bedingungen zu verbergen Taste?

Answer 1

<button ng-show="ShowSave" class="btn btn-success">Save</button> 
<button ng-show="ShowSend" class="btn btn-success">Send</button> 
<button ng-show="ShowClose" class="btn btn-success">Close</button> 

hier Showsave, ShowSend wird ShowClose Boolean sein, die in Ihrem Controller

$scope.ShowSave = true; 

Wenn oben gesetzt wird, ist es wahr Taste angezeigt wird und im Falle falscher es Ihre Taste verbergen.

Jetzt können Sie es überprüfen, wie auch Bedingung wie

<button ng-show="ShowSave == true" class="btn btn-success">Save</button> 

oder wenn Sie einige String-Wert wie ‚display‘ zuweisen, dann wird es sein wie

<button ng-show="ShowSave == 'display' ? true : false" class="btn btn-success">Save</button> 

Answer 2

Sie ng-show verwenden können und ng-hide oder sogar ng-if. Schauen Sie sich ein Beispiel an, wie wir diese Direktiven in Ihrem Fall verwenden können. Zum Beispiel wollen wir die Schaltfläche "Speichern" anzeigen & entfernen Sie die Schaltfläche senden nur nach dem Senden von etwas und wenn der Benutzer auf clos klickt Mit der Taste wollen wir nicht sowohl die Speichern- als auch die Senden-Schaltfläche anzeigen, dann folgt der Beispielcode, wie sie verwendet werden sollen.

in Ihrem HTML

<button class="btn btn-success" ng-if="showBtns" ng-show="showSave" ng-click="save()">Save</button> 
<button class="btn btn-success" ng-if="showBtns" ng-hide="showSave "ng-click="send()">Send</button> 
<button class="btn btn-success" ng-click="close()">Close</button> 

In Ihrem JS

$scope.showSave = false; 
$scope.showBtns = true; 
$scope.send= function(){ 
     $scope.showSave = true; 
}; 

$scope.close = function(){ 
     $scope.showBtns =false; 
} 

Hier ist article auf, wenn ng-Show/ng-hide und ng-if.Hope dies hilft Ihnen, verwenden!