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

Question

当我使用checked =“checked”时，ng-model会阻止默认情况下选中单选按钮。 有谁知道是什么原因引起的？

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

Answer 1

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

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

Answer 2

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

Answer 3

正如我对已接受的答案（写作时）所评论的那样，不应在同一元素上使用ngChecked和ngModel指令。

如果您正在使用ngModel，则输入的已检查状态仅是模型的反映。 要将您的无线电输入默认设置为true，只需相应地设置模型即可。

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