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>