今天就跟大家聊聊有關(guān)Select怎么在AngularJS中使用,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。
科爾沁左翼ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景,ssl證書未來市場(chǎng)廣闊!成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道,可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18982081108(備注:SSL證書合作)期待與您的合作!
1、Select概述
AngularJS 中可以使用 ng-option 指令來創(chuàng)建一個(gè)下拉列表,列表項(xiàng)通過對(duì)象和數(shù)組循環(huán)輸出
2、數(shù)據(jù)源為對(duì)象
選擇的值為在 key-value 對(duì)中的key:
選擇一輛車:
你選擇的是: {{selectedCar.brand}}
模型: {{selectedCar.model}}
顏色: {{selectedCar.color}}
注意選中的值是一個(gè)對(duì)象。
選擇的值為在 key-value 對(duì)中的value對(duì)象一個(gè)屬性:
選擇一輛車:
你選擇的是: {{selectedCar.brand}}
型號(hào)為: {{selectedCar.model}}
顏色為: {{selectedCar.color}}
下拉列表中的選項(xiàng)也可以是對(duì)象的屬性。
3、ng-options 與 ng-repeat
也可以使用ng-repeat 指令來創(chuàng)建下拉列表。
ng-repeat 指令是通過數(shù)組來循環(huán) HTML 代碼來創(chuàng)建下拉列表,但 ng-options 指令更適合創(chuàng)建下拉列表,它有以下優(yōu)勢(shì):
使用 ng-options 的選項(xiàng)的一個(gè)對(duì)象, ng-repeat 是一個(gè)字符串。
1)ng-repeat 有局限性,選擇的值是一個(gè)字符串:
選擇網(wǎng)站:
你選擇的是: {{selectedSite}}
2)使用 ng-options 指令,選擇的值是一個(gè)對(duì)象:
選擇網(wǎng)站:
你選擇的是: {{selectedSite.site}}
網(wǎng)址為: {{selectedSite.url}}
看完上述內(nèi)容,你們對(duì)Select怎么在AngularJS中使用有進(jìn)一步的了解嗎?如果還想了解更多知識(shí)或者相關(guān)內(nèi)容,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。