Question

我正在使用ng-repeat来生成一堆radiobuttons。

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

我想基于是否检查输入元素，使用angluar将一个类添加到input-element。据我所知，我应该将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模型。

将类设置为以角度检查单选按钮？

1 个答案: