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

相关文章

  • 掌握Queries设计模式优化Angular应用开发技巧

    掌握Queries设计模式优化Angular应用开发技巧

    这篇文章主要介绍了掌握Queries设计模式优化Angular应用开发的技巧示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-10-10
  • Angular4.0动画操作实例详解

    Angular4.0动画操作实例详解

    这篇文章主要介绍了Angular4.0动画操作,结合实例形式详细分析了Angular4.0动画的原理、定义及使用等相关操作技巧,需要的朋友可以参考下
    2019-05-05
  • 基于Angularjs实现分页功能

    基于Angularjs实现分页功能

    这篇文章主要介绍了基于Angularjs实现分页功能的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-05-05
  • 基于angular6.0实现的一个组件懒加载功能示例

    基于angular6.0实现的一个组件懒加载功能示例

    这篇文章主要介绍了基于angular6.0实现的一个组件懒加载功能示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04
  • AngularJS实现的获取焦点及失去焦点时的表单验证功能示例

    AngularJS实现的获取焦点及失去焦点时的表单验证功能示例

    这篇文章主要介绍了AngularJS实现的获取焦点及失去焦点时的表单验证功能,涉及AngularJS使用ng-blur、ng-focus针对表单事件监听相关操作技巧,需要的朋友可以参考下
    2017-10-10
  • AngularJS压缩JS技巧分析

    AngularJS压缩JS技巧分析

    这篇文章主要介绍了AngularJS压缩JS的操作技巧,分析了AngularJS进行压缩(minify)之后出现的问题与相应的解决方法,需要的朋友可以参考下
    2016-11-11
  • 详解angular脏检查原理及伪代码实现

    详解angular脏检查原理及伪代码实现

    这篇文章主要介绍了详解angular脏检查原理及伪代码实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06
  • Angular directive递归实现目录树结构代码实例

    Angular directive递归实现目录树结构代码实例

    本篇文章主要介绍了Angular directive递归实现目录树结构代码实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • AngularJS手动表单验证

    AngularJS手动表单验证

    这篇文章主要介绍了AngularJS手动表单验证的相关资料,AngularJS的表单验证大致有两种,一种是手动验证,一种是自动验证,本文重点介绍AngularJS手动表单验证,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • AngularJS点击添加样式、点击变色设置的实例代码

    AngularJS点击添加样式、点击变色设置的实例代码

    本篇文章主要介绍了AngularJS点击添加样式、点击变色设置的实例代码,具有一定的参考价值,有兴趣的可以了解一下
    2017-07-07

最新评论