ng2-input-rangebar

This project was generated with Angular CLI

Features

ng-range-bar is simply a range bar/seekbar with material style it accepts:

• Minimum Value.
• Maximum Value.

Outputs:

• onSelect selected value of the user.

Installation

npm i range-bar-app

Add it to your Angular Module.

import { NgRangeBarModule } from 'ng2-input-rangebar';

@NgModule({
  imports: [
    NgRangeBarModule
  ]
})
export class AppModule { }

Usage

Template - somecomponent.component.html

<ng-range-bar  [maxValue]=1080 //maximum value for the range bar
[minValue]=1  //minimum value for the range bar
[barColor]="'red'" //anycolor you can specify
(onSelect)="selectedObject($event)"></ng-range-bar>

somecomponent.component.ts

export class SomeComponent {

  selectedObject(obj){
    console.log(obj);
  }
}