javascript - angular ng-checked 不适用于 radio

Question

ng-checked 在应用程序中不起作用，因为它对复选框没有任何影响，我面临单选按钮的问题

<input type="radio" class="radio" name="job_class_radio" ng-checked="key===jobClassData.selectedOption" ng-click=changeJobClass(value)>

我在浏览器检查的元素中看到了这个

<input type="radio" class="radio" name="job_class_radio" ng-checked="key===jobClassData.selectedOption" ng-click="changeJobClass(value)" checked="checked">

我们可以看到 checked="checked" 是在编译后添加的

更新:

<label class="radio"  ng-if="key!='selectedOption'" ng-repeat="(key,value) in jobClassData track by $index">
    <input type="radio" class="radio" name="job_class_radio" ng-checked="jobClassData.selectedOption===key" ng-value="key" ng-click=changeJobClass(value)>
    <span class="radio"></span>
    <span ng-bind="key"></span>
</label>

JSON:

{
  "selectedOption": "Unit Category",
  "Job Class": [
    {},
    {}
  ],
  "Unit Category": [
    {},
    {},
    {}
  ]
}

我想根据selectedOption键选择属性

Answer 1

如果您希望单选按钮被默认选中，它应该具有“value”和“ng-model”属性。

<input type="radio" class="radio" name="job_class_radio" ng-model="jobClassData.selectedOption" value="option1">

在 Controller 中:

$scope.jobClassData = { 
    selectedOption: 'option1' 
}

您可以在这里阅读更多相关信息:https://docs.angularjs.org/api/ng/input/input%5Bradio%5D