脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-angularJs select框用法总结,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。
我们都知道 AngularJS中最大的一个特性就是双向绑定 $scoPE 和 ng-model的搭配使用.
<input ng-model=" orginput.orgName"></input> 要显示的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,请注明来意。