spheras / knob Goto Github PK

Scenario - I'm wanting a knob where I can select every (whole) number between 0 and 720.

Problem - It doesn't seem to be possible to set values causing the step increments to be 1.

Reproduction - With a starting setup as follows...

[min]="0" [max]="720" [startDegree]="0" [endDegree]="360" (change)="log($event)"

I would have expected each "step" of the knob to be 2 (i.e. 720/360). However, in testing, this gives increase in output value of 6. Assuming this to be graphical precision due to the size of the knob, I expected that Increasing the [endDegree] to "720" (i.e. 2 full rotations), each "step" of the knob would now be 3. However, the step is still 6, the knob instead just moves twice as far (i.e. 2 degrees). This can be more clearly seen by setting [endDegree] to "3600" (i.e. 10 full rotations). The step is still 6 but the knob rotation occurs in very large jumps.

I'll have a work through the maths and submit a pull request if I figure anything out.

The component doesn't visually update when the value property is changed by an input property or via TS. In applications where the value can be changed from multiple places this is an issue.