如何在Angular2-cli中使用插件(不使用配置)
重要点:
要把插件放在src/assets文件中
如何在angular-cli中使用jquery插件
a.在index.html中引入
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="./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;
没有特有对象的插件,不需要声明
共同学习,写下你的评论
评论加载中...
作者其他优质文章