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

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实现下拉框自动匹配键值对对象技巧相关推荐

ajax下拉列表模糊,JS仿百度自动下拉框模糊匹配提示
实际项目中,我们可以把数据获取改成ajax动态获取,在 getContent()中 js/jQuery实现类似百度搜索功能 #container { position: absolute; left: ...
antd vue 多个下拉联动_Antd下拉选择,自动匹配功能的实现
我就废话不多说了,大家还是直接看代码吧~ placeholder="客户名称" showSearch optionFilterProp="children"// ...
excel下拉菜单自动匹配_自动将新项目添加到Excel数据验证下拉菜单
excel下拉菜单自动匹配 There's a sample Excel workbook on my Contextures website that uses a bit of Excel VBA ...
element select 自动展开_原生js 让select下拉框自动展开可用size 属性来代替展开动作...
找遍全网都没一个比较好的例子!!! 什么获得焦点事件,或者添加一个点击事件都不能使下拉框自动展开最后用标签的siz属性定义和用法 size 属性规定下拉列表中可见选项的数目. 如果 size 属性 ...
vue element-ui级联选择器选中后下拉框自动收起
Cascader 级联选择器数据渲染通过 :options="options" 映射,让每一级都可以选择(选项前会有圆圈可勾选)设置属性 :props="{ chec ...
html 下拉菜单自动填充,下拉框自动实现自动填充
在我们平台中有这样的一个功能,设置了数据字典就可以使下拉框自动选择数据的类型,但是有一点不足的地方就是没有默认值,现在我要做的就是如何实现这个有默认值的下拉框. 还是有日期来举例.如图所示功能: (1 ...
关于javaScript实现select下拉框自动展开
我本来的目的:是想实现鼠标移动到select下拉框上,下拉框自动展开. 原先思路:使用onmouseover()鼠标事件调用一个openSelect()函数,函数中调用onclick()方法,以为就 ...
html让下拉框自动选择,html下拉框设置连接 html怎么设置下拉列表必须选择
html下拉框怎么设置默认值设置selected属性就可以,具体的用法,首先打开hbuilder软件,新建一个html文档,里面写入一个select下拉框: 然后给select中一个option设置 ...
js填充select下拉框并选择默认值
/* 使用json数组填充下拉框并复选 *//* 初始化下拉框数据 */ var jsonStr = { "data": [] }; for (var str in JsonStr ...

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

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

最新文章

热门文章