ループの複数のラジオボタンをループに入れ、グループ名とそのインデックスの組み合わせを使用して一意にしようとしていますラジオボタンをグループ化します。問題は、ループ内の最後のグループにのみラジオボタンがチェックされていることです。ループ内の他のグループには何もチェックされていません。角度:ループ(ng-repeat)のラジオボタングループの配置 - 選択が機能しない
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example - Dynamically populate Radio buttons in a loop</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
</head>
<body ng-app="radioSetsExample">
<script>
angular.module('radioSetsExample', [])
.controller('ExampleController', ['$scope', function($scope) {
$scope.groups = [{
name: 'group_one',
type: 'CHOOSE'
}, {
name: 'group_two',
type: 'ADD'
},
{
name: 'group_three',
type: 'ADD'
}];
}]);
</script>
<form ng-controller="ExampleController">
<div class="radio-inline" ng-repeat="group in groups">
{{group.name}} - TYPE:
<label>
<input type="radio" name="{{group.name}}_{{$index}}" value="CHOOSE" ng-model="group.type">
Choose
</label>
<label>
<input type="radio" name="{{group.name}}_{{$index}}" value="ADD" ng-model="group.type">
Add
</label>
</div>
</form>
</body>
</html>
私は手動でのループで各グループに独自の「名前」を与えるとインデックスを使用しない場合、すべてが正常に動作します。しかし、リストはダイナミックになり、ユニークな名前がないので、実際にはできません。インデックスに依存して各グループに一意の名前を付ける必要があります。
私はここで何が欠けていますか?
ありがとう!それはそれを働かせる。より多くの表現構文を掘り起こす必要があります。再度、感謝します。 –
あなたは歓迎され、私が助けてくれたことを嬉しく思っています:) –