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

 更新时间:2018年10月08日 09:23:34   作者:LPLIFE  
今天小编就为大家分享一篇angularJs select绑定的model取不到值的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

前端直接绑定值,不传参数,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取不到值的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 浅谈Angular的12个经典问题

    浅谈Angular的12个经典问题

    Angular作为目前最为流行的前端框架,受到了前端开发者的普遍欢迎。不论是初学Angular的新手,还是有一定Angular开发经验的开发者,了解本文中的12个经典面试问题,都将会是一个深入了解和学习Angular2的知识概念的绝佳途径。
    2021-05-05
  • AngularJS前端页面操作之用户修改密码功能示例

    AngularJS前端页面操作之用户修改密码功能示例

    这篇文章主要介绍了AngularJS前端页面操作之用户修改密码功能,结合具体实例形式分析了AngularJS针对前端用户修改密码的判断操作实现技巧,需要的朋友可以参考下
    2017-03-03
  • 对angular4子路由&辅助路由详解

    对angular4子路由&辅助路由详解

    今天小编就为大家分享一篇对angular4子路由&辅助路由详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-10-10
  • AngularJs Forms详解及简单示例

    AngularJs Forms详解及简单示例

    本文主要介绍AngularJs Forms,这里整理了相关资料及简单示例代码,有需要的朋友可以参考下
    2016-09-09
  • 快速学习AngularJs HTTP响应拦截器

    快速学习AngularJs HTTP响应拦截器

    任何时候,如果我们想要为请求添加全局功能,例如身份认证、错误处理等,在请求发送给服务器之前或服务器返回时对其进行拦截,是比较好的实现手段
    2015-12-12
  • Angular中使用MathJax遇到的一些问题

    Angular中使用MathJax遇到的一些问题

    这篇文章主要给大家介绍了关于Angular中使用MathJax遇到的一些问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友下面来一起学习学习吧。
    2017-12-12
  • Angular封装搜索框组件操作示例

    Angular封装搜索框组件操作示例

    这篇文章主要介绍了Angular封装搜索框组件操作,结合实例形式分析了基于Angular组件库实现搜索功能的封装操作相关实现步骤与注意事项,需要的朋友可以参考下
    2019-04-04
  • 基于angularJS的表单验证指令介绍

    基于angularJS的表单验证指令介绍

    下面小编就为大家带来一篇基于angularJS的表单验证指令介绍。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • ui-router中使用ocLazyLoad和resolve的具体方法

    ui-router中使用ocLazyLoad和resolve的具体方法

    这篇文章主要介绍了ui-router中使用ocLazyLoad和resolve的具体方法,详细的介绍了ocLazyLoad和resolve的具体用法,非常具有实用价值,需要的朋友可以参考下
    2017-10-10
  • 浅谈Angularjs中不同类型的双向数据绑定

    浅谈Angularjs中不同类型的双向数据绑定

    这篇文章主要介绍了浅谈Angularjs中不同类型的双向数据绑定,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07

最新评论