AngularJS基礎(chǔ) ng-selected 指令簡單示例
AngularJS ng-selected 指令
AngularJS 實例
獲取選中的選項:
點擊復(fù)選框選擇 BMW 選項:
<!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=""> 點擊復(fù)選框選擇 BMW 選項: <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 屬性的表達式返回 true 則選項被選中。
語法
<option ng-selected="expression"></option>
<option> 元素支持該指令。
參數(shù)值
值 | 描述 |
---|---|
expression | 如果表達式為 true 則選項被選中 |
以上就是對AngularJS ng-selected指令的基礎(chǔ)資料整理,后續(xù)繼續(xù)整理,謝謝大家的支持!
相關(guān)文章
詳解angularJs中自定義directive的數(shù)據(jù)交互
這篇文章主要介紹了詳解angularJs中自定義directive的數(shù)據(jù)交互,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-01-01仿Angular Bootstrap TimePicker創(chuàng)建分鐘數(shù)-秒數(shù)的輸入控件
這篇文章主要為大家詳細介紹了仿Angular Bootstrap TimePicker創(chuàng)建分鐘數(shù)-秒數(shù)的輸入控件的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-07-07詳解angular分頁插件tm.pagination二次觸發(fā)問題解決方案
這篇文章主要介紹了詳解angular分頁插件tm.pagination二次觸發(fā)問題解決方案,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-07-07詳解Angular數(shù)據(jù)綁定及其實現(xiàn)方式
數(shù)據(jù)綁定是將應(yīng)用程序UI或用戶界面綁定到模型的機制。使用數(shù)據(jù)綁定,用戶將能夠使用瀏覽器來操縱網(wǎng)站上存在的元素。2021-05-05