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>

Answer 2

这是正确的方法。原因是，当您ng-model更改时，您的ng-class会接收并更新视图，Angular方式！

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

2 个答案: