angular 4使用jquery 第三方插件庫

更多使用教程 http://www.ngui.cc/news/show-1003.html

用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 中使用了 

angular 4 學習交流 QQ群 465335401