Angular6如何引入jQuery-knob

Angular6如何引入jQuery-knob

1、概述

Angular6引入jQuery变得异常简单,请参考https://blog.csdn.net/qq_35321405/article/details/80270496

同样,Angular想使用jQuery-knob和jQuery一样的操作。

2、简单流程

  • yarn add jquery 或者 npm install jquery --save(后面省略或的内容)
  • yarn add @types/jquery
  • yarn add jquery-knob
  • yarn add @types/jquery-knob
// componnet的头部引入
import * as $ from 'jquery';
import 'jquery-knob';

// componnet中使用
ngOnInit(): void {
    $(function() {
      $(".dial").knob();
    });
}

// html中
<input type="text" value="75" class="dial">

代码参考:https://github.com/a1164714/jquery-knob-demo

posted @ 2018-08-16 09:49  月下小魔王  阅读(946)  评论(0编辑  收藏  举报