jQuery-Knob icon indicating copy to clipboard operation
jQuery-Knob copied to clipboard

JQuery-Knob - Angular 5

Open DaoFof opened this issue 6 years ago • 4 comments

Hi guys, is it possible to us this library in angular 5?

DaoFof avatar Apr 11 '18 05:04 DaoFof

Hey dude, there is a directive that may help you:

https://radmie.github.io/ng-knob/

(Duplicate of: #350)

samudiogo avatar Jul 19 '18 14:07 samudiogo

I use Angular6 in my project. Using JQuery-Knob in Angular6 1、yarn add jquery or npm install jquery --save 2、yarn add @types/jquery 3、yarn add jquery-knob 4、yarn add @types/jquery-knob 5、Demo

// TestComponent
import {Component, OnInit} from '@angular/core';
import * as $ from 'jquery';
import 'jquery-knob';

@Component({
  templateUrl: './test.component.html'
})
export class TestComponent implements OnInit {
  ngOnInit(): void {
    $(function() {
      $(".dial").knob();
    });
  }
}
<!- test.component.html ->
<input type="text" value="75" class="dial">

6、get result image

I write a demo for it: https://github.com/a1164714/jquery-knob-demo

a1164714 avatar Aug 15 '18 09:08 a1164714

Hey dude, there is a directive that may help you:

https://radmie.github.io/ng-knob/

(Duplicate of: #350)

That is for AngularJS (however, thanks for the link to the awesome lib that I'm thinking about porting myself)

flyer1 avatar Jan 28 '19 19:01 flyer1

I forked and ported this library to Angular (7). See here: https://github.com/flyer1/ng2-knob

flyer1 avatar Jan 29 '19 21:01 flyer1