Question

<input type="checkbox" ng-model="master" ng-checked="false" name="one"><br/>
<input type="checkbox" ng-disabled="master" name="two">

有效。但如果我更换＆＃34;复选框＆＃34;到＆＃34;无线电＆＃34;它没有用。我厌倦了尝试在其他检查时禁用一个无线电。

为什么它不起作用？怎么做？

感谢。

Answer 1

单选按钮使用ng-value代替...单选按钮根据value工作，将值标记为已选中。您需要[value="" | ng-value=""]

<input type="radio"
       ng-model=""
       [value="" |
       ng-value=""]>

像：

 <input type="radio" ng-value="true" name="boolean" ng-model="myValue" /> True
 <input type="radio" ng-value="false" name="boolean"  ng-model="myValue" /> False

这是Online Demo

或者使用字符串值，如：

$scope.myValue = 'Car'

<强> HTML

 <input type="radio" ng-value="'Car'" name="string1" ng-model="myValue" /> Car
 <input type="radio" ng-value="'Airplane'" name="string1"  ng-model="myValue" /> Airplane

以下是second Online Demo

Answer 2

对我来说这很好。

<强> HTML

<input class="radio2" type="radio" id="r1" name="group1"
       ng-model="radioValue"
       ng-value="1">
<input class="radio2" type="radio" id="r2" name="group1"
       ng-model="radioValue"
       ng-value="2">

您的控制器内

$scope.radioValue = -1; /* Select none. */
$scope.radioValue = 0; /* Select none. */
$scope.radioValue = 3; /* Select none. */
$scope.radioValue = 1; /* Select r1. */
$scope.radioValue = 2; /* Select r2. */

var selected = $scope.radioValue; /* get selected value. */

输入的角度模型

2 个答案: