Angularjs实现下拉框自动匹配键值对对象技巧

使用到的对象:

$scope.student = {
    address: {
        select: {
            code: "0",name: "Select proof of address"
        },letter: {
            code: "1",name: "Letter"
        },photograph: {
            code: "3",name: "Photograph"
        }
    },------------------------------------

$scope.studentAddressFields = [
    "select","letter","photograph"
]

要求:根据 选择的 studentAddressFields的项自动匹配到student 名称

方法1:最直接的方法

<select ng-model="current.addressCode">
    <option ng-repeat="field in studentAddressFields" 
    value="student.address[field]['code']">
        {{student.address[field]['name']}}
    </option>
</select>

方法2:使用filter

页面代码:
<select ng-model="current.addressCode" ng-options="code as details.name 
    for (code,details) in student.address | getordered">
</select>

Filter JS代码:
myApp.filter('getordered',function() {
    return function(input) {
        var ordered = {};
        for (var key in input){            
            ordered[input[key]["code"]] = input[key];
        }           
        return ordered;
    };
});

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...