Angularjs 是否将类设置为选中的单选按钮？

我正在使用ng repeat生成一组单选按钮

<div class="radiobutton" ng-repeat="mylabel in field.labels">
    <input
        type="radio" 
        name="{{field['key']}}"
        value="{{mylabel.label}}" 
        id="{{mylabel.name}}"

    >
    <label for="{{field['key']}}">
        {{mylabel.label}}
    </label>
</div>

{{mylabel.label}

我想使用angluar向输入元素添加一个类，该类基于是否选中输入元素。据我所知，我应该对元素应用一个ng模型，然后用它来声明一个ng类，但是我如何使它成为每个输入都有自己的模型名呢？

试试：

<div class="radiobutton" ng-repeat="mylabel in field.labels">
    <input
        type="radio" 
        name="{{field['key']}}"
        value="{{mylabel.label}}" 
        id="{{mylabel.name}}"
        ng-model='$parent.my_radio_button'
        ng-class='{ class_name: (my_radio_button == mylabel.label) }'
    >
    <label for="{{field['key']}}">
        {{mylabel.label}}
    </label>
</div>

{{mylabel.label}

---

由于您使用单选按钮，我想只能选择一个，因此您可以共享同一个ng型号。

所有收音机的类别是否相同？类似于

.active

？Hrm我认为他们需要不同的模型，因为当选择其中一个对象时，所有对象都将共享相同的值，但是==mylabel.label-thing确实很聪明。这适用于选择按钮，但不适用于取消选择按钮，如ng click。我确认您的所有单选按钮只需要一个ng模型，实际上这就是单选按钮的定义：许多选项，一个可能的值是的，当我单击另一个单选按钮时，模型似乎不会更新。两者都成为现实。。。我尝试了ng_class='my_radio_button'，这证实了我的怀疑。由于循环创建了新的作用域，我不得不添加$parent。与模型相一致。现在它工作了。！