ng-model prevent checked =“checked”默认选择单选按钮

时间:2013-09-25 19:27:57

标签: javascript angularjs javascript-framework

当我使用checked =" check" ng-model可以防止默认情况下选中单选按钮。有谁知道这可能导致什么?

<input type="radio" name="unitMiles" checked="checked" id="unitMiles" value="Miles" ng-model="unit" ng-change='nextActivityStep(3)'>

3 个答案:

答案 0 :(得分:15)

您应该使用Angular附带的ngChecked指令。

Doc:http://docs.angularjs.org/api/ng.directive:ngChecked

答案 1 :(得分:5)

您可以将模型设置为输入值(案例中为$scope.unit = "Miles")或在输入中使用ng-checked="true"

答案 2 :(得分:2)

正如我对已接受的答案(撰写时)所评论的那样,ngChecked和ngModel指令不应该用在同一个元素上。

如果你正在使用ngModel,那么输入的检查状态只是模型的反映。要将您的无线电输入设置为true,只需相应地设置模型。

使用OP中的代码,其中值为'miles'且模型为units,并假设这些是范围变量,您将在$scope.units = 'miles'的行中执行某些操作。相关的控制器(或任何地方)。