如題,思路。。。。。。。。。
求一個angularjs 輪播圖指令?
繁星點點滴滴
2018-09-07 10:10:36
TA貢獻1812條經驗 獲得超5個贊
這個可以做一個組件:
1.模板
2.指令集
模板寫進 $templateCache里,這樣效率會很高,使用也更方便。
模板與指令集進行數據綁定。模板的結構應該是類似這樣的結構。(簡寫,表意)
div
ul
li ng-repeat=" your images data "
div contrl buttons
指令集中有一個父指令,和一些子指令。
父指令目的是構建數據以及綁定模板,父指令的控制器做所有子指令的公共方法庫,方法庫里主要是輪播圖的一些子指令都需要的公共方法來實現數據的傳遞。比如這里需要一個輪播圖片的數據對象,可以供給給所有子指令隨時GET。
第一個子指令當然是來做輪播圖片的處理,這里需要處理的是輪播邏輯的實現,比如使用$interval 來實現輪播圖片,里面來實現哪個顯示哪個不顯示。
第二個子指令就是控制按鈕的布局與實現,里面的控制邏輯主要實現對圖片的上一張,下一站的控制等等。
嗯……這樣就差不多實現了
舉報