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è)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

掌握Queries設(shè)計(jì)模式優(yōu)化Angular應(yīng)用開(kāi)發(fā)技巧
這篇文章主要介紹了掌握Queries設(shè)計(jì)模式優(yōu)化Angular應(yīng)用開(kāi)發(fā)的技巧示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-10-10
Angular4.0動(dòng)畫(huà)操作實(shí)例詳解
這篇文章主要介紹了Angular4.0動(dòng)畫(huà)操作,結(jié)合實(shí)例形式詳細(xì)分析了Angular4.0動(dòng)畫(huà)的原理、定義及使用等相關(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)聽(tīng)相關(guān)操作技巧,需要的朋友可以參考下
2017-10-10
AngularJS壓縮JS技巧分析
這篇文章主要介紹了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)目錄樹(shù)結(jié)構(gòu)代碼實(shí)例
本篇文章主要介紹了Angular directive遞歸實(shí)現(xiàn)目錄樹(shù)結(jié)構(gòu)代碼實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05
AngularJS手動(dòng)表單驗(yàn)證
這篇文章主要介紹了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