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

转载于:https://www.cnblogs.com/linzhanfly/p/9485515.html