angularjs 学期下拉列表指令
目標(biāo)效果:
當(dāng)激活學(xué)期后,課程管理首頁(yè)和增加課程的學(xué)期列表默認(rèn)選中當(dāng)前激活學(xué)期,而編輯課程時(shí)默認(rèn)選中該課程所在學(xué)期
最初的想法:
service層從后臺(tái)請(qǐng)求到當(dāng)前學(xué)期返回給c層,然后在c層將當(dāng)前學(xué)期綁定到v層傳遞給指令,同時(shí)將選擇的對(duì)象綁定到指令上,當(dāng)指令監(jiān)聽(tīng)到當(dāng)前學(xué)期時(shí)則將其設(shè)置成默認(rèn)選項(xiàng),當(dāng)指令監(jiān)聽(tīng)到選項(xiàng)改變時(shí),則將改變后的學(xué)期傳給綁定的對(duì)象
但學(xué)長(zhǎng)說(shuō)這樣寫(xiě)不好,代碼冗余,就幫我重新寫(xiě)了一種。
只要綁定一個(gè)對(duì)象給指令就行,當(dāng)綁定的內(nèi)容為空,則將后臺(tái)請(qǐng)求來(lái)的當(dāng)前學(xué)期設(shè)為默認(rèn)選項(xiàng),如果不為空,則默認(rèn)選項(xiàng)就是傳進(jìn)來(lái)的對(duì)象,當(dāng)指令監(jiān)聽(tīng)到選項(xiàng)發(fā)生變化時(shí),則將變化后的選項(xiàng)傳給綁定的對(duì)象。這樣一來(lái)就能少綁定一個(gè)對(duì)象給指令,并且還能少寫(xiě)一個(gè)監(jiān)聽(tīng)。
最后的代碼實(shí)現(xiàn)
總結(jié)
這周在前臺(tái)遇到了困難,主要是濫用監(jiān)聽(tīng)和回調(diào),導(dǎo)致代碼非常冗余繁瑣,設(shè)計(jì)得不夠簡(jiǎn)潔清晰,總是把簡(jiǎn)單的問(wèn)題想復(fù)雜。
總結(jié)
以上是生活随笔為你收集整理的angularjs 学期下拉列表指令的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 约瑟夫问题-学习笔记
- 下一篇: yum源的问题