Angular6如何引入jQuery-knob

2024-09-05 05:21:18

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

最新文章

热门文章