第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

求一個angularjs 輪播圖指令?

求一個angularjs 輪播圖指令?

繁星點點滴滴 2018-09-07 10:10:36
如題,思路。。。。。。。。。
查看完整描述

1 回答

?
ABOUTYOU

TA貢獻1812條經(jīng)驗 獲得超5個贊

這個可以做一個組件:
1.模板
2.指令集

  • 模板寫進 $templateCache里,這樣效率會很高,使用也更方便。

  • 模板與指令集進行數(shù)據(jù)綁定。模板的結(jié)構(gòu)應(yīng)該是類似這樣的結(jié)構(gòu)。(簡寫,表意)
    div

ul
li ng-repeat=" your images data "
div contrl buttons

  • 指令集中有一個父指令,和一些子指令。

  • 父指令目的是構(gòu)建數(shù)據(jù)以及綁定模板,父指令的控制器做所有子指令的公共方法庫,方法庫里主要是輪播圖的一些子指令都需要的公共方法來實現(xiàn)數(shù)據(jù)的傳遞。比如這里需要一個輪播圖片的數(shù)據(jù)對象,可以供給給所有子指令隨時GET。

  • 第一個子指令當(dāng)然是來做輪播圖片的處理,這里需要處理的是輪播邏輯的實現(xiàn),比如使用$interval 來實現(xiàn)輪播圖片,里面來實現(xiàn)哪個顯示哪個不顯示。

  • 第二個子指令就是控制按鈕的布局與實現(xiàn),里面的控制邏輯主要實現(xiàn)對圖片的上一張,下一站的控制等等。

嗯……這樣就差不多實現(xiàn)了


查看完整回答
反對 回復(fù) 2018-10-10
  • 1 回答
  • 0 關(guān)注
  • 461 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號