AngularJS基礎(chǔ) ng-selected 指令簡(jiǎn)單示例

更新時(shí)間：2016年08月03日 08:56:29 投稿：lqh

本文主要介紹AngularJS ng-selected 指令,這里對(duì)ng-selected 指令的基礎(chǔ)資料做了詳細(xì)介紹，并附有示例代碼，有需要的小伙伴可以參考下

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)被選中。

語法

<option> 元素支持該指令。

參數(shù)值

值	描述
expression	如果表達(dá)式為 true 則選項(xiàng)被選中

以上就是對(duì)AngularJS ng-selected指令的基礎(chǔ)資料整理，后續(xù)繼續(xù)整理，謝謝大家的支持！

您可能感興趣的文章:

相關(guān)文章

AngularJS中如何使用$http對(duì)MongoLab數(shù)據(jù)表進(jìn)行增刪改查
這篇文章主要介紹了AngularJS中如何使用$http對(duì)MongoLab數(shù)據(jù)表進(jìn)行增刪改查的相關(guān)資料,需要的朋友可以參考下
2016-01-01
Facade Service暴露commands簡(jiǎn)化代碼邏輯提高可訪問性組合性
在 Angular 應(yīng)用開發(fā)中,使用 Facade Service 暴露 commands（命令）以及訂閱這些 commands 是一個(gè)常見的設(shè)計(jì)模式,本文將詳細(xì)介紹在 Facade Service 中如何實(shí)現(xiàn)這一目標(biāo),并深入探討相關(guān)細(xì)節(jié),以及通過實(shí)際示例進(jìn)行說明
2023-10-10
angularJS中$apply()方法詳解
這篇文章主要介紹了angularJS中$apply()方法詳解,需要的朋友可以參考下
2015-01-01
Angular中使用ui router實(shí)現(xiàn)系統(tǒng)權(quán)限控制及開發(fā)遇到問題
這篇文章主要介紹了Angular中使用ui router實(shí)現(xiàn)系統(tǒng)權(quán)限控制及開發(fā)遇到問題的相關(guān)資料,本文分步驟介紹的非常詳細(xì)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-09-09
angular4自定義組件非input元素實(shí)現(xiàn)ngModel雙向數(shù)據(jù)綁定的方法
這篇文章主要介紹了angular4自定義組件非input元素實(shí)現(xiàn)ngModel雙向數(shù)據(jù)綁定的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-12-12
利用AngularJs實(shí)現(xiàn)京東首頁輪播圖效果
這篇文章給大家介紹了如何利用AngularJs實(shí)現(xiàn)京東首頁輪播圖的效果，本文通過示例代碼詳細(xì)介紹了實(shí)現(xiàn)過程，對(duì)大家學(xué)習(xí)AngularJS具有一定參考借鑒價(jià)值，有需要的朋友們可以參考借鑒。
2016-09-09
Angular PWA使用的Demo示例
這篇文章主要介紹了Angular PWA使用的Demo示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2019-01-01
淺析Angular 實(shí)現(xiàn)一個(gè)repeat指令的方法
這篇文章主要介紹了Angular 實(shí)現(xiàn)一個(gè)repeat指令的方法，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-07-07
體驗(yàn)jQuery和AngularJS的不同點(diǎn)及AngularJS的迷人之處
AngualrJS是一個(gè)很貼心的web應(yīng)用框架，本篇通過jQuery和Angular兩種方式來實(shí)現(xiàn)同一個(gè)實(shí)例，從而體驗(yàn)兩者的不同點(diǎn)以及AngularJS的迷人之處
2016-02-02
關(guān)于使用axios的一些心得技巧分享
vue更新到2.0之后，作者就宣告不再對(duì)vue-resource更新，而是推薦的axios，所以下面這篇文章主要給大家分享了關(guān)于使用axios的一些心得技巧，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。
2017-07-07