AngularJS基礎(chǔ) ng-selected 指令簡(jiǎn)單示例
AngularJS ng-selected 指令
AngularJS 實(shí)例
獲取選中的選項(xiàng):
點(diǎn)擊復(fù)選框選擇 BMW 選項(xiàng):
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body ng-app=""> 點(diǎn)擊復(fù)選框選擇 BMW 選項(xiàng): <input type="checkbox" ng-model="mySel"> <p>我喜歡的車:</p> <select> <option>Volvo</option> <option ng-selected="mySel">BMW</option> <option>Ford</option> </select> </body> </html>
定義和用法
ng-selected 指令用于設(shè)置 <select> 列表中的 <option> 元素的 selected 屬性。
ng-selected 屬性的表達(dá)式返回 true 則選項(xiàng)被選中。
語(yǔ)法
<option ng-selected="expression"></option>
<option> 元素支持該指令。
參數(shù)值
值 | 描述 |
---|---|
expression | 如果表達(dá)式為 true 則選項(xiàng)被選中 |
以上就是對(duì)AngularJS ng-selected指令的基礎(chǔ)資料整理,后續(xù)繼續(xù)整理,謝謝大家的支持!
相關(guān)文章
詳解angularJs中自定義directive的數(shù)據(jù)交互
這篇文章主要介紹了詳解angularJs中自定義directive的數(shù)據(jù)交互,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-01-01Angularjs中controller的三種寫(xiě)法分享
這篇文章給大家介紹了angularjs中controller的三種寫(xiě)法,每種寫(xiě)法都給出了示例代碼,對(duì)大家理解和學(xué)習(xí)很有幫助,有需要的朋友們可以參考借鑒。2016-09-09仿Angular Bootstrap TimePicker創(chuàng)建分鐘數(shù)-秒數(shù)的輸入控件
這篇文章主要為大家詳細(xì)介紹了仿Angular Bootstrap TimePicker創(chuàng)建分鐘數(shù)-秒數(shù)的輸入控件的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-07-07詳解angular分頁(yè)插件tm.pagination二次觸發(fā)問(wèn)題解決方案
這篇文章主要介紹了詳解angular分頁(yè)插件tm.pagination二次觸發(fā)問(wèn)題解決方案,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07詳解Angular數(shù)據(jù)綁定及其實(shí)現(xiàn)方式
數(shù)據(jù)綁定是將應(yīng)用程序UI或用戶界面綁定到模型的機(jī)制。使用數(shù)據(jù)綁定,用戶將能夠使用瀏覽器來(lái)操縱網(wǎng)站上存在的元素。2021-05-05