如何将已检查的类添加到AngularJS中的单选按钮

Question

在AngularJS中,当我checked的子单选按钮被选中/取消选中时,我正在尝试在父元素上添加/删除一个类.

<label ng-class="{checked: menuType.isChecked0}">
    <input type="radio" name="menuType" ng-model="menuType.isChecked0" />Text 1
</label>
<label ng-class="{checked: menuType.isChecked1}">
    <input type="radio" name="menuType" ng-model="menuType.isChecked1" />Text 2
</label>

这是一个小提琴:http://jsfiddle.net/fAA2w/

没有控制器或任何其他相关代码.如果有更好的方法来解决这个问题,请分享.这看起来很简单,但我找不到这个问题的答案.我在这做错了什么？

Answer 1

您需要为无线电输入提供一个值.

有关更多示例,请参阅http://docs.angularjs.org/api/ng/input/input%5Bradio%5D.

<div ng-app>
<label ng-class="{checked: isChecked == 1}">
    <input type="radio" name="menuType" ng-model="isChecked" value="1" />Text 1
</label>

<label ng-class="{checked: isChecked == 2}">
    <input type="radio" name="menuType" ng-model="isChecked"  value= "2" />Text 
</label>
</div>