国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

javascript - ng-options 設置默認選項,不是設置第一個哦,看清楚了!

瀏覽:120日期:2024-03-03 17:12:34

問題描述

我用ng-options寫了一個下拉選擇框,現在問題是要做默認選中的功能,并不是默認選第一個這樣子哦!是根據其他的參數來設置默認選中項(我的想法)! 現在腦子里面沒有思路,發出來給大家看看幫忙 - -謝謝!

html代碼截圖:

javascript - ng-options 設置默認選項,不是設置第一個哦,看清楚了!

數據源截圖:

javascript - ng-options 設置默認選項,不是設置第一個哦,看清楚了!

頁面效果截圖:

javascript - ng-options 設置默認選項,不是設置第一個哦,看清楚了!

補充:因為這個項目是用ng做的,所以我在html頁面可以通過其他的方式拿到當前部門的名字deparrment_name,但是要怎么利用這個部門名字來做到下拉選擇的默認選中呢!?

問題解答

回答1:Html代碼

<select class=’form-control’ name=’de_id’ ng-model='currSelect' ng-options='a as a.department_name for a in selectData track by a.id' ></select>

js代碼

$scope.selectData = 數據源;$scope.currSelect = $scope.selectData[0]; 這里你想設置默認第幾個索引就用第幾個ng-change事件,如果你不需要操作其他對象,可以不寫,你選擇了其他選項,你的ng-model也會更改

回答2:

由于你用的是原生的<select>加上了ng-options做的。

原生<select>默認選中,只需要<select>的value值等于某個<option>項的的value值,那個<option>就會被默認選中。

雖然HTML中寫法是給對應<option>加上selected屬性,但是在JS中給<select>的value賦值是可以設置當前選中的<option>的。

所以,在Angular里,只需要修改綁定的值(即你這里的v-model對應值currSelect),將其設置成和第二項的value對應值selectData[1].id一樣即可。

標簽: JavaScript
主站蜘蛛池模板: 最刺激黄a大片免费观看下截 | 日本不卡一二三 | 女人被男人躁得好爽免费视频免费 | 亚洲欧美卡通动漫丝袜美腿 | 九九在线精品 | 欧美成人看片一区二区三区尤物 | 久久99久久精品免费思思6 | 91国内在线 | 亚洲 欧美 成人日韩 | 大伊香蕉精品视频在线 | a级毛片无码免费真人 | 国产欧美精品一区二区三区四区 | 国产精品videosse | 亚洲精品国精品久久99热 | 成人自拍视频 | 国产经典一区 | 办公室紧身裙丝袜av在线 | 黄毛片一级毛片 | 中文字幕欧美亚洲 | 国产一区二区三区在线观看视频 | 日本一区二区三区四区不卡 | 国产片在线天堂av | 日韩免费在线视频 | 岛国伊人| 性日韩精品 | 日韩精品一区二区三区在线观看 | 欧美精品高清 | 国产亚洲精品美女一区二区 | 亚洲国产一区在线二区三区 | 久久国产精品二区99 | 亚洲日本在线观看 | 欧美资源在线观看 | 国产成人免费观看在线视频 | 亚洲jjzzjjzz在线播放 | 精品国产日韩久久亚洲 | 成人影院午夜久久影院 | 香蕉久久高清国产精品免费 | 久久久久综合一本久道 | 欧美一级片免费看 | 国内自拍2020 | 久久国产片 |