重要點:
要把插件放在src/assets檔案中
如何在angular-cli中使用jquery插件
a.在index.html中引入
<script src="./assets/jquery-1.8.3.min.js"></script>
b. 在要使用jquery的元件中聲明(XX.component.ts)
declare var $ : any;
c.導入onInit
import { OnInit} from '@angular/core';
d.輸入的元件實作onInit接口
export class AppComponent implements OnInit
e.實作ngOnInit()方法
ngOnInit(){
}
f.在ngOninit()中列印出$
ngOnInit(){
console.log($);
}
控制台沒有報錯,輸入了内容--------------------->引入jquery插件成功.
其他插件也差不多是這個步驟。
聲明這一步,不一樣
插件特有的對象。需要聲明-
例如----layDate
declare var laydate : any;
沒有特有對象的插件,不需要聲明
本文轉自 沉迷學習中 51CTO部落格,原文連結:http://blog.51cto.com/12907581/1964401,如需轉載請自行聯系原作者