angularjs 学期下拉列表指令
生活随笔
收集整理的這篇文章主要介紹了
angularjs 学期下拉列表指令
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
目標效果:
當激活學期后,課程管理首頁和增加課程的學期列表默認選中當前激活學期,而編輯課程時默認選中該課程所在學期
最初的想法:
service層從后臺請求到當前學期返回給c層,然后在c層將當前學期綁定到v層傳遞給指令,同時將選擇的對象綁定到指令上,當指令監聽到當前學期時則將其設置成默認選項,當指令監聽到選項改變時,則將改變后的學期傳給綁定的對象
但學長說這樣寫不好,代碼冗余,就幫我重新寫了一種。
只要綁定一個對象給指令就行,當綁定的內容為空,則將后臺請求來的當前學期設為默認選項,如果不為空,則默認選項就是傳進來的對象,當指令監聽到選項發生變化時,則將變化后的選項傳給綁定的對象。這樣一來就能少綁定一個對象給指令,并且還能少寫一個監聽。
最后的代碼實現
總結
這周在前臺遇到了困難,主要是濫用監聽和回調,導致代碼非常冗余繁瑣,設計得不夠簡潔清晰,總是把簡單的問題想復雜。
總結
以上是生活随笔為你收集整理的angularjs 学期下拉列表指令的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 约瑟夫问题-学习笔记
- 下一篇: yum源的问题