Javascript AngularJS将一个选择选项映射到另一个选择选项
我有两个选择选项,将从不同的来源动态填充,但现在我使用静态对象作为示例。Javascript AngularJS将一个选择选项映射到另一个选择选项,javascript,angularjs,Javascript,Angularjs,我有两个选择选项,将从不同的来源动态填充,但现在我使用静态对象作为示例。 我想将原始范围内id1的沃尔沃映射到mapme范围内id2的沃尔沃 因此,一旦页面加载,如果存在类似的字段名,它们就会被映射。 到目前为止,它只是将原始作用域中的id1映射到选中时mapme作用域中的id1 如有任何关于如何进行角度映射的帮助,将不胜感激 angular.module('myApp',[]) .controller('myController',function($scope,$timeou
我想将原始范围内id1的沃尔沃映射到mapme范围内id2的沃尔沃 因此,一旦页面加载,如果存在类似的字段名,它们就会被映射。 到目前为止,它只是将原始作用域中的id1映射到选中时mapme作用域中的id1 如有任何关于如何进行角度映射的帮助,将不胜感激
angular.module('myApp',[])
.controller('myController',function($scope,$timeout){
$scope.original=[{"id":"id1", "text":"volvo"}, {"id":"id2", "text":"toyota"}];
$scope.mapme=[{"id":"id1", "text":"toyota"}, {"id":"id2", "text":"volvo"}];
});
起初的
{{model.id}
mapme{{model.id}
两个模态和一个ng change
函数将进行映射,但您需要访问id,如$scope.model.id
和$scope.model2.id
var-app=angular.module('myApp',[]);
app.controller('MyController',函数MyController($scope,$filter){
$scope.model2=“”;
$scope.change=函数(val){
$scope.model2=$filter('filter')($scope.mapme,{text:val.text})[0];
}
$scope.original=[{“id”:“id1”,“text”:“volvo”},{“id”:“id2”,“text”:“toyota”}];
$scope.mapme=[{“id”:“id1”,“text”:“toyota”},{“id”:“id2”,“text”:“volvo”}];
}); 代码>
起初的
{{model.id}
mapme{{model2.id}
javascript angularjs
shareeditflag
41秒前编辑
拉扎尔·卢贝诺维奇
2,3331025
6分钟前问
用户3548161
738
添加评论
知道谁能回答吗?通过电子邮件、Google+、Twitter或Facebook共享此问题的链接。
你的回答
社区维基
张贴你的答案
浏览标记为javascript angularjs的其他问题或提出您自己的问题。
问
今天
观看
五次
在META上精选
日照记录
文档是只读的。下一步是什么?
热门元帖子
我需要一些帮助来改进我的一个老问题
4编辑处罚是否增加?
找工作?
高级前端开发人员(Angular.js 1.x)
英国,伦敦
18000美元至30K美元
两个模态和一个ng change
函数将进行映射,但您需要访问id,如$scope.model.id
和$scope.model2.id
var-app=angular.module('myApp',[]);
app.controller('MyController',函数MyController($scope,$filter){
$scope.model2=“”;
$scope.change=函数(val){
$scope.model2=$filter('filter')($scope.mapme,{text:val.text})[0];
}
$scope.original=[{“id”:“id1”,“text”:“volvo”},{“id”:“id2”,“text”:“toyota”}];
$scope.mapme=[{“id”:“id1”,“text”:“toyota”},{“id”:“id2”,“text”:“volvo”}];
}); 代码>
起初的
{{model.id}
mapme{{model2.id}
javascript angularjs
shareeditflag
41秒前编辑
拉扎尔·卢贝诺维奇
2,3331025
6分钟前问
用户3548161
738
添加评论
知道谁能回答吗?通过电子邮件、Google+、Twitter或Facebook共享此问题的链接。
你的回答
社区维基
张贴你的答案
浏览标记为javascript angularjs的其他问题或提出您自己的问题。
问
今天
观看
五次
在META上精选
日照记录
文档是只读的。下一步是什么?
热门元帖子
我需要一些帮助来改进我的一个老问题
4编辑处罚是否增加?
找工作?
高级前端开发人员(Angular.js 1.x)
英国,伦敦
18000美元至30K美元
不清楚预期的行为是什么。您想设置初始值吗?我有两个选择框原始选择框和其他映射选择框,因此如果我在原始选择框中选择沃尔沃,那么沃尔沃也应该被选中。。。唯一的问题是原始选择框中的沃尔沃在id1上,映射选择框中的沃尔沃在ID2上。不清楚预期的行为。您想设置初始值吗?我有两个选择框原始选择框和其他映射选择框,因此如果我在原始选择框中选择沃尔沃,那么沃尔沃也应该被选中。。。唯一的问题是,原来选择框中的沃尔沃在id1上,而映射选择框中的沃尔沃在id2上
<div ng-app="myApp">
<div ng-controller="myController">
original <select ng-model="model.id" ng-options="original.id as original.text for original in original" ></select>
{{model.id}}
<br>
mapme <select ng-model="model.id" ng-options="map.id as map.text for map in mapme" ></select> {{model.id}}
</div>
</div>