我正在使用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>
我想基于是否使用Angluar检查输入元素,向输入元素添加一个类。据我了解,我应该对元素应用ng-model,然后使用它来声明ng-class,但是如何使每个输入都具有自己的模型名称呢?
尝试:
<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模型。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句