Angular2入門系列（一）————如何在Angular2中使用jQuery和基於jQuery的插件

Angular2入門系列（一）————如何在Angular2中使用jQuery和基於jQuery的插件

在2016年的9月中旬，Google官方終於正式發佈Angular2。儘管npm社區愈來愈完善，也提供了大量的插件，可是基於Angular2的插件並很少，有時候在開發過程當中難以知足咱們的需求，而市場上卻有許多基於jQuery的插件，咱們有時候仍然須要使用這些插件。本篇文章就簡單介紹下在Angular2中如何使用jQuery極其插件。

1. 搭建環境（這裏不作介紹了，詳細的可看個人另外一篇博文）

2. 在咱們項目的index.html中引用jQuery，就像引用其餘js文件同樣。以下圖所示：

1. 在須要使用插件的component.ts中聲明jQuery，使之成爲一個可用的變量，以下圖所示：

這樣咱們就能在這個component.ts中使用jQuery了。

1. 按照插件的使用規則，在對應的component.html中使用插件所須要的html結構。以下圖使用的

1. 完成上面步驟以後，咱們就能在component.ts中使用插件了，不過要注意插件的聲明週期，須要在OnInit模塊聲明該插件的初始項參數等。

如此，咱們就完成了對jQuery極其插件的使用，固然，咱們並不建議在mvvm框架裏面使用jQuery。

歡迎你們留言0.0