Question

我的视图中有两个按钮，我想在我的视图加载之前禁用摘要按钮。

<div class="btn-group" ng-init="showData = 1">
    <button ng-model="showData" type="button" ng-class='{"btn btn-primary": showData == 1, "btn btn-white": showData != 1}' ng-click="showData = 1">Headline</button>
    <button ng-model="showData" type="button" ng-class='{"btn btn-primary":showData == 2, "btn btn-white": showData != 2}'  ng-click="showData = 2; summaryCall()">Summary</button>
</div>

我有一个变量 $ scope.loadMainView = false ，当Web服务的响应正常时，此更改为 true ，所以我想要禁用我的按钮直到该变量变为true，但我不知道如何得到那个。我正在考虑使用ng-init将$ scope变量初始化为false，然后将其作为ng-disable或类似的东西，但我不确定，我是新的有角度的，也许是我的方法根本不正确。

一些帮助会很棒。

Answer 1

使用ng-disabled

<button ng-disabled="!loadMainView" type="button"></button>

如果ngDisabled中的表达式求值为truthy，则该指令设置元素的disabled属性。

https://docs.angularjs.org/api/ng/directive/ngDisabled

Answer 2

使用 ngDisabled 指令是正确的方法

<button ng-disabled="!loadMainView" type="button"></button>

使用控制器中的$ scope var，使用ng-disable禁用角度按钮

2 个答案: