背景：angular與jquery類(lèi)庫(kù)的協(xié)作

　　第三方類(lèi)庫(kù)中，不得不提的是大名鼎鼎的jquery,現(xiàn)在基本上已經(jīng)是國(guó)內(nèi)web開(kāi)發(fā)的必修工具了。它靈活的dom操作，讓很多web開(kāi)發(fā)人員欲罷不能。再加上已經(jīng)很成熟的jquery UI 庫(kù)和大量jquery 插件，幾乎是一個(gè)取之不盡用之不竭的寶庫(kù)。然而，它是否能與angularjs結(jié)合呢？

　　很多angularjs原教旨主義者對(duì)此持否定態(tài)度。他們認(rèn)為，既然已經(jīng)使用了angularjs做web應(yīng)用框架，那就必須避免其他類(lèi)庫(kù)的干擾，做純凈的MvvM模式應(yīng)用。任何類(lèi)似jquery的dom操作，都是不潔的。把所有和界面相關(guān)的, 比如dom操作, 都放在directive中, 這樣頁(yè)面中directive而沒(méi)有代碼，跟JSF思想一致。MVVM,DSL,組件化的思想這才是web的趨勢(shì)。嗯，想法很好，原教旨主義者想法都是這么純潔。但事實(shí)情況是，使用了angularjs我們就離不開(kāi)jquery。

　　眾所周知，angularjs里面事實(shí)上已經(jīng)內(nèi)置了jquery lite.，而且angularjs源碼中很多方法直接就是使用jquery方法。例如angularjs的事件綁定機(jī)制。既然先知們都在用，我們又何苦不用？組件化的思想沒(méi)有錯(cuò)，但沒(méi)必要因此把自己的手腳綁住。唯一要注意的問(wèn)題是，不要用jquery的代碼破壞了angularjs的結(jié)構(gòu)。（原文鏈接：http://www.angularjs.cn/A0fG）

案例：用angular封裝bootstrap官網(wǎng)的時(shí)間插件

使用說(shuō)明：

在原先bootstrap-datetimepicker的html片段上添加ng-model='timepickerTest' ng-time

代碼在github上的存放地址：https://github.com/cynthiawupore/ui-bootstrap-datetimepicker

如果大家還想深入學(xué)習(xí)，可以點(diǎn)擊這里進(jìn)行學(xué)習(xí)，再為大家附3個(gè)精彩的專(zhuān)題：

Bootstrap學(xué)習(xí)教程

Bootstrap實(shí)戰(zhàn)教程

Bootstrap插件使用教程

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持武林網(wǎng)。