javascript - ng-model 防止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

您应该使用ngCheckedAngular 附带的指令。

文档： http ://docs.angularjs.org/api/ng.directive:ngChecked

Answer 2

您可以将模型设置为输入的值（$scope.unit = "Miles"在这种情况下）或ng-checked="true"在输入中使用。

Answer 3

正如我评论接受的答案（截至撰写时），不应在同一元素上使用 ngChecked 和 ngModel 指令。

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

使用来自 OP 的代码，其中 value'miles'和 model 是units，并假设这些是范围变量，您将$scope.units = 'miles'在关联控制器（或任何地方）中执行一些操作。