将类设置为角度中的选中单选按钮？

Question

我正在使用 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>

我想根据输入元素是否被检查，使用角度向输入元素添加一个类。据我所知，我应该将一个 ng-model 应用于元素，然后使用它来声明一个 ng-class，但是我该如何制作它以便每个输入都有它自己的模型名称？

Answer 1

尝试：

<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>

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