禁用 AngularJS 单选按钮组

Question

我想在静态的HTML页面中使用AngularJS禁用单选按钮组。我正在使用AngularJS Material Design。以下是我的代码：

<md-input-container>
     <label>Air Conditioned</label> 
     <md-radio-group ng-model="master.airConditioned" name="airConditioned" required ng-disabled="true" class="mdradio radioAlign"  layout="row">
        <md-radio-button  value="true" class="md-primary"> Yes </md-radio-button>
        <md-radio-button value="false"> No </md-radio-button>                                           
    </md-radio-group>
</md-input-container>

- Febin

---

你想禁用所有的单选按钮还是只有特定的单选按钮？如果你想禁用特定的单选按钮，你可以在md-radio-button中使用ng-disabled="true"。 - sreeramu

我想要禁用所有的单选按钮。 - Febin

md-radio-group只有两个属性ng-model和md-no-ink，不支持ng-disabled。 - sreeramu

我认为这实际上是一个软件漏洞，因为您可以看到将ng-disabled="true"添加到 md-radio-group 会更改单选按钮的样式以显示已禁用，但并不会使其变为已禁用。 - camden_kid

Answer 1

最终我搞定了，只需要为每个md-radio-button添加ng-disabled="true"即可。

<md-radio-group ng-model="master.airConditioned" name="airConditioned" required class="mdradio radioAlign"  layout="row">
    <md-radio-button  value="true" class="md-primary" ng-disabled="true"> Yes </md-radio-button>
    <md-radio-button value="false" ng-disabled="true"> No </md-radio-button>                                           
</md-radio-group>

- Febin