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。
$scope.addPerson = function(personName){
var obj = {};
obj['name'] = personName;
$scope.peopleArr.push(obj);
$scope.personName = '';
};
这与您的意图相去甚远吗?
我有三个 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。
$scope.addPerson = function(personName){
var obj = {};
obj['name'] = personName;
$scope.peopleArr.push(obj);
$scope.personName = '';
};
这与您的意图相去甚远吗?