1 回答

TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個(gè)贊
這個(gè)可以做一個(gè)組件:
1.模板
2.指令集
模板寫進(jìn) $templateCache里,這樣效率會很高,使用也更方便。
模板與指令集進(jìn)行數(shù)據(jù)綁定。模板的結(jié)構(gòu)應(yīng)該是類似這樣的結(jié)構(gòu)。(簡寫,表意)
div
ul
li ng-repeat=" your images data "
div contrl buttons
指令集中有一個(gè)父指令,和一些子指令。
父指令目的是構(gòu)建數(shù)據(jù)以及綁定模板,父指令的控制器做所有子指令的公共方法庫,方法庫里主要是輪播圖的一些子指令都需要的公共方法來實(shí)現(xiàn)數(shù)據(jù)的傳遞。比如這里需要一個(gè)輪播圖片的數(shù)據(jù)對象,可以供給給所有子指令隨時(shí)GET。
第一個(gè)子指令當(dāng)然是來做輪播圖片的處理,這里需要處理的是輪播邏輯的實(shí)現(xiàn),比如使用$interval 來實(shí)現(xiàn)輪播圖片,里面來實(shí)現(xiàn)哪個(gè)顯示哪個(gè)不顯示。
第二個(gè)子指令就是控制按鈕的布局與實(shí)現(xiàn),里面的控制邏輯主要實(shí)現(xiàn)對圖片的上一張,下一站的控制等等。
嗯……這樣就差不多實(shí)現(xiàn)了
添加回答
舉報(bào)