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'行中執行某些操作。 ）。