Question

我想使用一个ng-repeat创建一个3个单选按钮组，每个按钮组都有自己独特的模型。我怎样才能做到这一点？

<div  class="radio" data-ng-repeat="item in selItem.items" >
                <label class="control-label">
                  <input type="radio" 
                  data-ng-value={{item.vm}}  
                  data-ng-model="????"
                  name="{{selItem.Title}}"/>{{item.dm}} 
                   </label>
                    </div>

Answer 1

首先，你为什么这样做？单选按钮用于在一组选项中进行唯一选择，因此为所有单选按钮设置相同的模型是可行的方法。

但是，要为ng-model内的每个项目迭代设置唯一ng-repeat s，您必须使用对象括号表示法，使用$index或每个迭代本身的属性来命名属性对象模型。

<div ng-repeat="item in items">
    <input type="text" ng-model="myModel[item.name]" >
</div>

检查this fiddle是否有效

angularjs radiobutton组有自己的模型

1 个答案: