ng-repeat

时间:2017-12-06 16:56:39

标签: angularjs radio-button angularjs-ng-repeat

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

我在第二个div中有一个ng-repeat,显示所选的选项,每个选项包含四个单选按钮。

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

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

问题来自我的单选按钮,我试图更改ng-values的名称/值/ ng-model更改值,但我找不到让它工作的方法。 要么我所有的单选按钮同时更改,要么只在一次工作的单选按钮行或更新无线电值的所有对象更改...

我知道发生了什么,我的范围正在更新所有内容,因为我的ng模型是相同的或者值是相同的但是我找不到让它工作的方法......

我已经花了一天时间......所以是时候得到帮助了。)

以下是我所拥有的代码(我已经做了很多改变,就像我说的那样),但这个想法就在这里......

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

谢谢!

<EDIT>

选择的想法可能不是很容易理解,只要想象你有一些人的按钮 玛丽 克洛伊 大卫 等

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

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

1 个答案:

答案 0 :(得分:1)

我不知道这对你有用。

我根据你的代码制作了一个小提琴。

Please check this.

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

这远非您的意图吗?