如果說(shuō)模塊系統(tǒng)是Angular2的靈魂，那其組件體系就是其軀體，在模塊的支持下渲染出所有用戶(hù)直接看得見(jiàn)的東西，一個(gè)項(xiàng)目最表層的東西就是組件呈現(xiàn)的視圖。
而除了直接看的見(jiàn)的軀體之外，一個(gè)完整的“生物”還需要有感覺(jué)器官，用來(lái)感知外界與其的交互，這就是指令要做的事情。
本文將使用Angular2提供的強(qiáng)大的組件與指令等功能制作出一個(gè)簡(jiǎn)單的圖片輪播控件，繼續(xù)上文打的比方的話(huà)這就像是一個(gè)“器官”，功能是呈現(xiàn)圖片，并感知用戶(hù)的點(diǎn)擊或手勢(shì)來(lái)切換圖片。
一、創(chuàng)建組件
結(jié)束上文打的尷尬的比方，著眼于一個(gè)待開(kāi)發(fā)的ng2項(xiàng)目，它有一個(gè)空白的特性頁(yè)面，現(xiàn)在需要在上面呈現(xiàn)一個(gè)圖片輪播窗口。
圖片輪播是一個(gè)需要給用戶(hù)看見(jiàn)的東西，所以應(yīng)該使用ng2的組件(Component)來(lái)實(shí)現(xiàn)它，并且這個(gè)功能較為通用，可以將其獨(dú)立出來(lái)方便以后再次使用到。
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無(wú)線(xiàn)安全]玩轉(zhuǎn)無(wú)線(xiàn)電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問(wèn)題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來(lái)看看(二) 2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式