Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJS将一个选择选项映射到另一个选择选项_Javascript_Angularjs - Fatal编程技术网

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>