這篇文章主要介紹了AngularJS怎么實現(xiàn)service之select下拉菜單效果,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
成都網(wǎng)絡(luò)公司-成都網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站10多年經(jīng)驗成就非凡,專業(yè)從事成都網(wǎng)站建設(shè)、做網(wǎng)站,成都網(wǎng)頁設(shè)計,成都網(wǎng)頁制作,軟文推廣,廣告投放等。10多年來已成功提供全面的成都網(wǎng)站建設(shè)方案,打造行業(yè)特色的成都網(wǎng)站建設(shè)案例,建站熱線:028-86922220,我們期待您的來電!
示例代碼
使用ng-options
使用ng-repeat
區(qū)別
ng-options更適合來做下拉菜單
為什么這么說?
使用ng-repeat操作數(shù)組
你選擇的是: {{selectedSite}}
使用ng-options操作數(shù)組
你選擇的是: {{selectedSite2.site}}
網(wǎng)址為: {{selectedSite2.url}}
看得出,ng-options操作的是對象 而ng-repeat操作的是字符串 當(dāng)選擇值是一個對象時,我們就可以獲取更多信息,應(yīng)用也更靈活。
使用ng-options來操作對象
你選擇的值是: {{selectedSite3}}
選擇一輛車:
你選擇的是: {{selectedCar.brand}}
模型: {{selectedCar.model}}
顏色: {{selectedCar.color}}
注意選中的值是一個對象。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“AngularJS怎么實現(xiàn)service之select下拉菜單效果”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!