Angular, ng-repeat 创建多组单选按钮答案

【问题标题】：Angular, ng-repeat to create multiple sets of radio buttonsAngular, ng-repeat 创建多组单选按钮
【发布时间】：2016-10-01 01:17:03
【问题描述】：

我正在尝试使用 ng-repeat 创建多组无线电输入选项，但是，似乎在创建元素时，它们没有被赋予我想要的唯一 ID ("id":"1", "id":"2" or "id":"3")，而是它们都被专门命名'fee[{{ record.id }}]'，这会导致只有最终的收音机有检查。我在这里错过了什么？

HTML：

<div ng-app="app" ng-controller="fee_control">
  <div ng-repeat="record in fees" >
    {{ record.description }} : 
    <input type="text" value="{{ record.amount }}">
    Active: 
    <input type="radio" name="fee[{{ record.id }}]" value="{{ record.amount }}" checked />
    Inactive: 
    <input type="radio" name="fee[{{ record.id }}]" value="0" />
  </div>
</div>

Javascript：

    var app = angular.module('app', []);
    app.controller('fee_control', function($scope) {
    $scope.fees = [
                    {"id":"1","amount":"5.00","description":"Approved"},
                    {"id":"2","amount":"2.00","description":"Authorized"},
                    {"id":"3","amount":"2.00","description":"Settled"}
                  ];
    });

【问题讨论】：

标签： javascript angularjs radio-button angularjs-ng-repeat

【解决方案1】：

试试这个

 <div ng-repeat="record in fees" >
   {{ record.description }} : 
   <input type="text" value="{{ record.amount }}">
   Active: 
   <input type="radio" name="fee[{{ record.id }}]" value="{{record.amount }}" ng-checked="true" />
   Inactive: 
   <input type="radio" name="fee[{{ record.id }}]" value="0" />
</div>

使用 ng-checked 代替检查 :) 谢谢

【讨论】：

工作，谢谢！！