角度ng-checked不适用于无线电 [英] angular ng-checked is not working for radio

问题描述

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

 < input type =radioclass =radioname =job_class_radiong-checked =key === jobClassData.selectedOptionng-click = changeJobClass（value）> 
  

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

 < input type =radioclass =radioname =job_class_radiong-checked =key === jobClassData.selectedOptionng-click =changeJobClass（value ）checked =checked> 
  

我们可以看到 checked =checked在编译后添加 p>

更新：

 < label class =radiong-if =key！='selectedOption'ng-repeat =（key，value）在jobClassData轨道中由$ index> 
< input type =radioclass =radioname =job_class_radiong-checked =jobClassData.selectedOption === keyng-value =keyng-click = changeJobClass（value） > 
< span class =radio>< / span> 
< span ng-bind =key>< / span> 
< / label> 
  

JSON：

  {
selectedOption：单位类别，
职业类别：[
 {}，
 {} 
]，
单位类别：[
 {}，
 {}，
 {} 
] 
} 
  

我想根据 selectedOption 键选择属性

解决方案

如果你想要选中默认的单选按钮，它应该有'value'和'ng-model'属性。

 < input type =radioclass =radioname =job_class_radiong-model =jobClassData.selectedOptionvalue =option1> 
  

在控制器中：

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

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

ng-checked is not working in the application as its working for check box without any effect ,I am facing issue for radio button

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

I am seeing this in browser inspected element

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

we can see checked="checked" is adding after compilation

Update:

<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": [
    {},
    {},
    {}
  ]
}

I want to select attribute based on selectedOption key

解决方案

If you want radio button to be default checked, it should have 'value' and 'ng-model' attributes.

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

And in controller:

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

You can read more about it here: https://docs.angularjs.org/api/ng/input/input%5Bradio%5D

这篇关于角度ng-checked不适用于无线电的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！