angular 4使用jquery 第三方插件庫

用jBox插件爲例子1，npm install jBox --save2，找到.angular-cli.json 增長"../node_modules/jbox/Source/jBox.min.js"3，找到style.scss 增長@import "../node_modules/jbox/Source/jBox.css";4，在組件中寫入declare var $: any;$jBox: any;clickAler…

 

 

用jBox插件爲例子

1，npm install jBox --save

2，找到.angular-cli.json  增長

"../node_modules/jbox/Source/jBox.min.js"

3，找到style.scss 增長

@import "../node_modules/jbox/Source/jBox.css";

 

4，在組件中寫入

declare var $: any;

$jBox: any;

clickAlert() {

this.myModal = this.$jBox.jBox('Tooltip', {

attach: '.tooltip',

trigger: 'click'

});

this.myModal.open();

}

ngAfterViewInit() {

this.$jBox = $(this.el.nativeElement);

}

ok jBox插件就能在 angular 4 中使用了