AngularJS基礎 ng-selected 指令簡單示例
AngularJS ng-selected 指令
AngularJS 實例
獲取選中的選項:
點擊復選框選擇 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=""> 點擊復選框選擇 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 指令用于設置 <select> 列表中的 <option> 元素的 selected 屬性。
ng-selected 屬性的表達式返回 true 則選項被選中。
語法
<option ng-selected="expression"></option>
<option> 元素支持該指令。
參數(shù)值
| 值 | 描述 |
|---|---|
| expression | 如果表達式為 true 則選項被選中 |
以上就是對AngularJS ng-selected指令的基礎資料整理,后續(xù)繼續(xù)整理,謝謝大家的支持!
相關文章
AngularJS中如何使用$http對MongoLab數(shù)據(jù)表進行增刪改查
這篇文章主要介紹了AngularJS中如何使用$http對MongoLab數(shù)據(jù)表進行增刪改查的相關資料,需要的朋友可以參考下2016-01-01
Facade Service暴露commands簡化代碼邏輯提高可訪問性組合性
在 Angular 應用開發(fā)中,使用 Facade Service 暴露 commands(命令)以及訂閱這些 commands 是一個常見的設計模式,本文將詳細介紹在 Facade Service 中如何實現(xiàn)這一目標,并深入探討相關細節(jié),以及通過實際示例進行說明2023-10-10
Angular中使用ui router實現(xiàn)系統(tǒng)權限控制及開發(fā)遇到問題
這篇文章主要介紹了Angular中使用ui router實現(xiàn)系統(tǒng)權限控制及開發(fā)遇到問題的相關資料,本文分步驟介紹的非常詳細,具有參考借鑒價值,需要的朋友可以參考下2016-09-09
angular4自定義組件非input元素實現(xiàn)ngModel雙向數(shù)據(jù)綁定的方法
這篇文章主要介紹了angular4自定義組件非input元素實現(xiàn)ngModel雙向數(shù)據(jù)綁定的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
淺析Angular 實現(xiàn)一個repeat指令的方法
這篇文章主要介紹了Angular 實現(xiàn)一個repeat指令的方法,本文給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2019-07-07
體驗jQuery和AngularJS的不同點及AngularJS的迷人之處
AngualrJS是一個很貼心的web應用框架,本篇通過jQuery和Angular兩種方式來實現(xiàn)同一個實例,從而體驗兩者的不同點以及AngularJS的迷人之處2016-02-02

