如果說模塊系統(tǒng)是Angular2的靈魂,那其組件體系就是其軀體,在模塊的支持下渲染出所有用戶直接看得見的東西,一個項目最表層的東西就是組件呈現(xiàn)的視圖。
而除了直接看的見的軀體之外,一個完整的“生物”還需要有感覺器官,用來感知外界與其的交互,這就是指令要做的事情。
本文將使用Angular2提供的強大的組件與指令等功能制作出一個簡單的圖片輪播控件,繼續(xù)上文打的比方的話這就像是一個“器官”,功能是呈現(xiàn)圖片,并感知用戶的點擊或手勢來切換圖片。

 

一、創(chuàng)建組件

結束上文打的尷尬的比方,著眼于一個待開發(fā)的ng2項目,它有一個空白的特性頁面,現(xiàn)在需要在上面呈現(xiàn)一個圖片輪播窗口。

圖片輪播是一個需要給用戶看見的東西,所以應該使用ng2的組件(Component)來實現(xiàn)它,并且這個功能較為通用,可以將其獨立出來方便以后再次使用到。

網(wǎng)友評論