angularjs - 如何在有条件的 Angular js中隐藏按钮？

Question

我有三个按钮:

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

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

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>

这里 ShowSave、ShowSend、ShowClose 将是 bool 值，将在您的 Controller 中设置

$scope.ShowSave = true;

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

现在你可以检查它作为条件也喜欢

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

或者，如果您要分配一些字符串值，例如“显示”，则它将类似于

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