javascript代码实例教程-angularJs select框用法总结

发布时间:2019-01-15 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-angularJs select框用法总结脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

我们都知道 AngularJS中最大的一个特性就是双向绑定 $scoPE 和 ng-model的搭配使用.

<input ng-model=" orginput.orgName"></input> &nbsp;要显示的input框的值

<input ng-model=" orgInput.orgNo"  type="hiddle"></input>  实际传给后台的值  我们把它设置成隐藏域

<select  ng-model="orgSelect"> </select  ng-options=""> select框里将要选择的值

我们要做的是 把下拉框里的值传到input框里   

例如 orgs  组织   

ng-options="  org.No  as  org.orgName  for  org in orgs"  显示的是组织名称  实际绑定到select 框里 ng-model的是组织编号.

ng-options="  org.orgName  for  org in orgs"   显示的组织名称  但实际绑定到select 框里ng-model的是组织这个对象.

input框里要显示的是组织名称  但实际传给后台的是组织编号

所以 js 中表达式应该这样写!!!!  用到的是 显示的组织名称  但实际绑定到select 框里ng-model的是组织这个对象. 这个select 框.

$scope.orgInput.orgName=$scope.orgSelect.orgName;  将对象中的组织名称传给  要显示的input框的值 中的ng-model

$scope.orgInput.orgNo=$scope.orgSelect.orgNo; 将对象中的组织编号传给  我们把它设置成隐藏域input框 中的ng-model

如果想让select 框默认显示哪个组织名称 我们可以将ng-model绑定为哪个对象  或组织编号 看 ng-options中跟ng-model绑定的是什么

如果是对象  则$scope.orgSelect=orgs[0]  如果是 组织编号 则$scope.orgSelect=orgs[0].orgNo;

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-angularJs select框用法总结全部内容,希望文章能够帮你解决javascript代码实例教程-angularJs select框用法总结所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。