2019獨角獸企業重金招聘Python工程師標準>>>

使用到的對象：

$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;}; });

?

轉載于:https://my.oschina.net/u/2391658/blog/828762

總結

以上是生活随笔為你收集整理的Angularjs实现下拉框自动匹配键值对对象技巧的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。