如何在表單中使用ng-options和ng-checked方法-創(chuàng)新互聯(lián)

本篇文章為大家展示了如何在表單中使用ng-options和ng-checked方法，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括濰城網(wǎng)站建設(shè)、濰城網(wǎng)站制作、濰城網(wǎng)頁制作以及濰城網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，濰城網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到濰城省份的部分城市，未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

ng-options

在select表單控件中，總結(jié)一下目前的幾種寫法。

普通寫法

  test1
  test1
  test1
  test1

優(yōu)點(diǎn)：簡單

缺點(diǎn)：

• 代碼很不簡潔，如果選項(xiàng)較多就會很亂

• 不方便渲染，如果option在變需要使用js動態(tài)加載

• 不方便存儲對象

使用ng-repeat

ng-repeat是angularJS中非常強(qiáng)大的一個(gè)directive,在渲染列表上極大的方便了前端開發(fā)者，那么由于有多個(gè)重復(fù)的option,當(dāng)然可以使用ng-repeat，用法如下：

  {{option.name}}

<del id="uieqg"></del>