ng-repeat 中的多个单选按钮行

Multiple radio buttons rows inside ng-repeat

我有三个 div 相互协作的流程(和 3 个数组) 这个想法是 select 第一个 div 上的一些选项(来自第一个数组),这些选项在第二个(和第二个数组)中传递。

我在第二个 div 中有一个 ng-repeat,它显示 selected 选项,每个选项都有四个单选按钮。

单选按钮有一个 ng-click 值,它会将与单选按钮值关联的选项添加到第三个数组,并允许按选中的不同单选按钮对选项进行排序。

DIV1            DIV2                          DIV3
|option1|       |option2|                     radio1 : option2
|option2|       oradio1 oradio2 oradio3       radio3 : option4
|option3|  -->  |option4|               -->
|option4|       oradio1 oradio2 oradio3

问题出在我的单选按钮上,我尝试更改它们的名称/值/ng-model 更改 ng-values 的值,但我找不到使其工作的方法。 我要么同时更改我的所有单选按钮,要么只在单选按钮行上同时工作,或者所有具有单选值的对象都被更新...

我知道发生了什么,我的范围正在更新所有内容,因为我的 ng-model 相同或值相同,但我找不到使其工作的方法...

我已经花了一天的时间...所以是时候寻求帮助了:)

这是我的代码的一个 plunker(我已经像我说的那样做了很多更改)但是想法在这里...

http://plnkr.co/edit/jElDW1aUAv3k4cqou54y?p=preview

谢谢!

<EDIT>

选项的想法可能不是很容易理解只是想象你有一些按钮供人们使用 玛丽 克洛伊 大卫 等等

单选按钮是蓝色/红色/黄色

我 select 我在第一个面板中想要的人在第二个面板中将他们归为一个团队,并在第三个面板中显示每个团队的人员:)

不知道对你有没有帮助。

我根据你的代码做了一个fiddle。

Please check this.

$scope.addPerson = function(personName){
    var obj = {};
    obj['name'] = personName;
    $scope.peopleArr.push(obj);
    $scope.personName = '';
};

这与您的意图相去甚远吗?