Angularjs 如何根据条件隐藏角js中的按钮？

我有三个按钮：

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

保存
发送
接近

我想知道如何隐藏带有条件的按钮

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

如果上述为真，它将显示按钮，如果为假，它将隐藏您的按钮

现在你可以检查它作为条件也一样

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

保存

或者，如果您正在分配一些字符串值，如“display”，则

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

保存

您可以使用

ng show

和

ng hide

甚至

ng if

。让我们看一个例子，说明如何在您的案例中使用这些指令。例如，我们只想在发送内容后显示“保存”按钮和“删除发送”按钮，如果用户单击“关闭”按钮，我们不想同时显示“保存”和“发送”按钮，下面是如何使用它们的示例代码

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

这里介绍了何时使用ng show/ng hide和ng-if。希望这对您有所帮助

试验
Firts
第二
var myApp=angular.module（'myApp'，[]）；
myApp.controller（'myController'，函数（$scope）{
$scope.isDisabled=false；
$scope.Second=true；
$scope.save=函数（）{
$scope.isDisabled=true；
$scope.firts=true；
$scope.Second=false；
};
});

参考：如果答案解决了您的问题，那么您可以接受正确的答案！

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

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

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