angularJs select綁定的model取不到值的解決方法
更新時(shí)間：2018年10月08日 09:23:34 作者：LPLIFE
今天小編就為大家分享一篇angularJs select綁定的model取不到值的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
前端直接綁定值，不傳參數(shù)，controller中會(huì)一直取到初始化的值，無(wú)法實(shí)時(shí)獲取前端select改變的值。
解決方法一：前端調(diào)用方法的時(shí)候，一邊傳參數(shù)（親測(cè)可用）
<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中，前端循環(huán)輸出。
$scope.selects = [{id:'1',name:'x1'},{id:'1.5',name:'x1.5'},{id:'2',name:'x2'}];
以上這篇angularJs select綁定的model取不到值的解決方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- javascript獲取select值的方法完整實(shí)例
- 詳解vuejs2.0 select 動(dòng)態(tài)綁定下拉框支持多選
- js動(dòng)態(tài)設(shè)置select下拉菜單的默認(rèn)選中項(xiàng)實(shí)例
- JS實(shí)現(xiàn)select選中option觸發(fā)事件操作示例
- Vue.js做select下拉列表的實(shí)例(ul-li標(biāo)簽仿select標(biāo)簽)
- vue.js 獲取select中的value實(shí)例
- JavaScript實(shí)現(xiàn)獲取select下拉框中第一個(gè)值的方法
- Javascript操作select控件代碼實(shí)例
相關(guān)文章
掌握Queries設(shè)計(jì)模式優(yōu)化Angular應(yīng)用開發(fā)技巧
這篇文章主要介紹了掌握Queries設(shè)計(jì)模式優(yōu)化Angular應(yīng)用開發(fā)的技巧示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-10-10
這篇文章主要介紹了Angular4.0動(dòng)畫操作,結(jié)合實(shí)例形式詳細(xì)分析了Angular4.0動(dòng)畫的原理、定義及使用等相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
基于Angularjs實(shí)現(xiàn)分頁(yè)功能
這篇文章主要介紹了基于Angularjs實(shí)現(xiàn)分頁(yè)功能的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-05-05
基于angular6.0實(shí)現(xiàn)的一個(gè)組件懶加載功能示例
這篇文章主要介紹了基于angular6.0實(shí)現(xiàn)的一個(gè)組件懶加載功能示例,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-04-04
AngularJS實(shí)現(xiàn)的獲取焦點(diǎn)及失去焦點(diǎn)時(shí)的表單驗(yàn)證功能示例
這篇文章主要介紹了AngularJS實(shí)現(xiàn)的獲取焦點(diǎn)及失去焦點(diǎn)時(shí)的表單驗(yàn)證功能,涉及AngularJS使用ng-blur、ng-focus針對(duì)表單事件監(jiān)聽相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
這篇文章主要介紹了AngularJS壓縮JS的操作技巧,分析了AngularJS進(jìn)行壓縮（minify）之后出現(xiàn)的問(wèn)題與相應(yīng)的解決方法,需要的朋友可以參考下2016-11-11
詳解angular臟檢查原理及偽代碼實(shí)現(xiàn)
這篇文章主要介紹了詳解angular臟檢查原理及偽代碼實(shí)現(xiàn)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-06-06
Angular directive遞歸實(shí)現(xiàn)目錄樹結(jié)構(gòu)代碼實(shí)例
本篇文章主要介紹了Angular directive遞歸實(shí)現(xiàn)目錄樹結(jié)構(gòu)代碼實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了AngularJS手動(dòng)表單驗(yàn)證的相關(guān)資料，AngularJS的表單驗(yàn)證大致有兩種，一種是手動(dòng)驗(yàn)證，一種是自動(dòng)驗(yàn)證，本文重點(diǎn)介紹AngularJS手動(dòng)表單驗(yàn)證，感興趣的小伙伴們可以參考一下2016-02-02
AngularJS點(diǎn)擊添加樣式、點(diǎn)擊變色設(shè)置的實(shí)例代碼
本篇文章主要介紹了AngularJS點(diǎn)擊添加樣式、點(diǎn)擊變色設(shè)置的實(shí)例代碼，具有一定的參考價(jià)值，有興趣的可以了解一下2017-07-07