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

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

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

这可能在发布后的两年内发生了变化,但通常不应该在同一元素上使用ngChecked和ngModel.您现在有两个指令争夺对元素值的控制权.文档也建议不要这样做(请参阅答案中的链接):"请注意,此指令不应与ngModel一起使用,因为这可能会导致意外行为." (3认同)

Answer 2

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