Ng-model prevent checked = "checked" для выбора переключателя по умолчанию

Когда я использую check = "checked", ng-model предотвращает выбор переключателя по умолчанию. Кто-нибудь знает, что может быть причиной этого?

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

Ответ 1

Вы должны использовать директиву ngChecked, которая поставляется с Angular.

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

Ответ 2

Вы можете установить свою модель на значение вашего ввода ($scope.unit = "Miles" в случае) или использовать ng-checked="true" на вашем входе.

Ответ 3

Когда я прокомментировал принятый ответ (с момента написания), директивы ngChecked и ngModel не должны использоваться в одном элементе.

Если вы используете ngModel, то проверенное состояние входа является лишь отражением модели. Чтобы установить свой радиоприемник в значение true по умолчанию, просто установите модель соответствующим образом.

Используя код из OP, где значение 'miles' и модель units, и считая это переменными области видимости, вы делаете что-то в строках $scope.units = 'miles' в связанном контроллере (или где угодно)).