angularJs select绑定的model取不到值的解决方法


Posted in Javascript onOctober 08, 2018

前端直接绑定值,不传参数,controller中会一直取到初始化的值,无法实时获取前端select改变的值。

解决方法一:前端调用方法的时候,一边传参数(亲测可用)

<select ng-model="speed" name="speed" ng-change="vm.h5Video().Playspeed(speed)>
<option value="1" selected="selected">x1</option>
 
<option value="1.5">x1.5</option>
 
<option value="2">x2</option>
 
<option value="4">x4</option>
 
</select>

解决方法二:把所有值放在controller中,前端循环输出。

$scope.selects = [{id:'1',name:'x1'},{id:'1.5',name:'x1.5'},{id:'2',name:'x2'}];

以上这篇angularJs select绑定的model取不到值的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 实现鼠标拖动元素实例代码
Feb 24 Javascript
javascript的数组和常用函数详解
May 09 Javascript
javascript实现选中复选框后相关输入框变灰不可用的方法
Aug 11 Javascript
详解javascript跨浏览器事件处理程序
Mar 27 Javascript
浅谈toLowerCase和toLocaleLowerCase的区别
Aug 15 Javascript
jQuery Easyui使用(一)之可折叠面板的布局手风琴菜单
Aug 17 Javascript
JavaScript 控制字体大小设置的方法
Nov 23 Javascript
使用D3.js制作图表详解
Aug 13 Javascript
原生JS实现简单的无缝自动轮播效果
Sep 26 Javascript
vue+element模态框中新增模态框和删除功能
Jun 11 Javascript
JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】
Jul 10 jQuery
JavaScript复制变量三种方法实例详解
Jan 09 Javascript
基于AngularJs select绑定数字类型的问题
Oct 08 #Javascript
微信小程序wx:for循环的实例详解
Oct 07 #Javascript
vue同步父子组件和异步父子组件的生命周期顺序问题
Oct 07 #Javascript
Vue面试题及Vue知识点整理
Oct 07 #Javascript
解决vue无法设置滚动位置的问题
Oct 07 #Javascript
cdn模式下vue的基本用法详解
Oct 07 #Javascript
vue实现添加与删除图书功能
Oct 07 #Javascript
You might like
提高php运行速度的一些小技巧分享
2012/07/03 PHP
CodeIgniter启用缓存和清除缓存的方法
2014/06/12 PHP
字符串长度函数strlen和mb_strlen的区别示例介绍
2014/09/09 PHP
PHP的全局错误处理详解
2016/04/25 PHP
Javascript中Eval函数的使用
2010/03/23 Javascript
19个很有用的 JavaScript库推荐
2011/06/27 Javascript
javascript中获取下个月一号,是星期几
2012/06/01 Javascript
推荐阅读的js快速判断IE浏览器(兼容IE10与IE11)
2015/12/13 Javascript
学习JavaScript设计模式之单例模式
2016/01/19 Javascript
Javascript中call,apply,bind方法的详解与总结
2016/12/12 Javascript
jQuery ajax实现省市县三级联动
2021/03/07 Javascript
karma+webpack搭建vue单元测试环境的方法示例
2018/05/24 Javascript
NodeJS 中Stream 的基本使用
2018/07/30 NodeJs
微信小程序实现留言功能
2018/10/31 Javascript
Quasar Input:type=&quot;number&quot; 去掉上下小箭头 实现加减按钮样式功能
2020/04/09 Javascript
[01:34]DAC2018主赛事第四日五佳镜头 Gh巨牙海民助Miracle-死里逃生
2018/04/07 DOTA
wxpython 最小化到托盘与欢迎图片的实现方法
2014/06/09 Python
python脚本实现数据导出excel格式的简单方法(推荐)
2016/12/30 Python
ubuntu17.4下为python和python3装上pip的方法
2018/06/12 Python
Django中日期处理注意事项与自定义时间格式转换详解
2018/08/06 Python
python使用__slots__让你的代码更加节省内存
2018/09/05 Python
基于python实现数组格式参数加密计算
2020/04/21 Python
使用tensorflow实现VGG网络,训练mnist数据集方式
2020/05/26 Python
澳大利亚女士时装在线:Rockmans
2018/09/26 全球购物
包装类的功能、种类、常用方法
2012/01/27 面试题
Linux机考试题
2015/10/16 面试题
说一下Linux下有关用户和组管理的命令
2014/08/18 面试题
Overload和Override的区别
2012/09/02 面试题
毕业生找工作的求职信范文
2013/12/24 职场文书
项目负责人岗位职责
2015/02/15 职场文书
失恋33天观后感
2015/06/11 职场文书
Python中常见的反爬机制及其破解方法总结
2021/06/10 Python
redis缓存存储Session原理机制
2021/11/20 Redis
利用For循环遍历Python字典的三种方法实例
2022/03/25 Python
Python中re模块的元字符使用小结
2022/04/07 Python
python垃圾回收机制原理分析
2022/04/13 Python