真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

Select怎么在AngularJS中使用

今天就跟大家聊聊有關(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)站:

     {{x.site}}      

你選擇的是: {{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è)資訊頻道,感謝大家的支持。


當(dāng)前標(biāo)題:Select怎么在AngularJS中使用
文章起源:http://weahome.cn/article/gshpeg.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部