Javascript AngularJS:ng repeat中的单选按钮
我在一个Javascript AngularJS:ng repeat中的单选按钮,javascript,angularjs,angularjs-ng-repeat,angularjs-ng-model,Javascript,Angularjs,Angularjs Ng Repeat,Angularjs Ng Model,我在一个ng repeat中找到了一组单选按钮,它们是我在中找到的。我就是想不出如何添加ng模型 <tr ng-repeat="service in selectservice.services track by $index"> <td> <input type="radio" name="serviceSelections" ng-value="{{service.name}}" id="service{{ser
ng repeat
中找到了一组单选按钮,它们是我在中找到的。我就是想不出如何添加ng模型
<tr ng-repeat="service in selectservice.services track by $index">
<td>
<input type="radio" name="serviceSelections" ng-value="{{service.name}}" id="service{{service.name}}">
</td>
<td>
<h3>
{{service.name}}
</h3>
<p>{{service.caption}}</p>
</td>
</tr>
在我看来,对于这种观点:
content: {
controller: 'SelectServiceController as selectservice',
templateUrl: 'modules/select-service/templates/select-service.html'
},
收音机总成正确显示选定的第二个收音机。但是我如何更新模型呢?什么,模型到底是什么?我尝试了ng model=“selectservice.selectedService”
,它应该是0
,但是没有选择收音机。您的控制器中需要有一个型号才能为单选按钮组分配ng型号。你的情况应该是这样的
_this.selectedService = "";
因为您似乎想要获取所选服务的名称
如下所示设置HTML将使其正常工作
<tr ng-repeat="service in selectservice.services track by $index">
<td>
<input type="radio" ng-model="selectservice.selectedService" value="{{service.name}}" id="service{{service.name}}">
</td>
<td>
{{service.name}}
<p>{{service.caption}}</p>
</td>
</tr>
{{service.name}
{{service.caption}
无论您选中哪个按钮,您的_this.selectedService都将使用相应按钮的名称进行更新。因此,如果您选择“deliver”单选按钮,您的_this.selectedService将获得值“deliver”。我希望找到你的答案参考-。。您基本上需要为每个单选按钮提供相同的ng型号
,在我的例子中,它是重复的,因此所有按钮都将具有相同的ng型号。我尝试了service.name
,service.selected
,但没有任何效果。单选按钮始终是组的一部分,并且只能选择该组中的一个。这意味着一组单选按钮将只有一个值,因此您需要为与组相关的所有单选按钮使用相同的ng型号。@Steve您能检查一下您是否已分配了ng型号
。我在你的html
中看不到这一点,我使用了删除答案中的代码:
<tr ng-repeat="service in selectservice.services track by $index">
<td>
<input type="radio" ng-model="selectservice.selectedService" value="{{service.name}}" id="service{{service.name}}">
</td>
<td>
{{service.name}}
<p>{{service.caption}}</p>
</td>
</tr>