2016-09-30 1 views
0

Я пытаюсь создать несколько вариантов ввода радиостанций с помощью ng-repeat, однако, кажется, что когда элементы создаются, им не присваивается уникальный идентификатор I intend ("id":"1", "id":"2" or "id":"3"), вместо этого все они получают имя конкретно 'fee[{{ record.id }}]', это приводит только к окончательному радиоприемнику, имеющему чек. Что мне здесь не хватает?Угловой, ng-repeat для создания нескольких наборов переключателей

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"} 
        ]; 
    }); 

ответ

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> 

использование нг проверено вместо проверено :) спасибо

+0

работает, спасибо !! – Calvin

Смежные вопросы