ngx slider

NGX-Slider

Komponen Slider yang Dapat Disesuaikan untuk Angular> = 9 Berdasarkan NG5-Slider.

Jika Anda mencari dukungan sudut dengan versi <9, silakan gunakan paket asli: NG5-Slider

Instalasi

Untuk menambahkan slider ke proyek sudut Anda:

 npm install --save @m0t0r/ngx-slider

Setelah diinstal, tambahkan slider ke app.module.ts :

 import { NgxSliderModule } from '@m0t0r/ngx-slider' ;

...

@ NgModule ( {
   ...
   imports : [
     ...
     NgxSliderModule ,
    ...
   ] ,
   ...
} )
export class AppModule { } 

Penggunaan Sampel

Sekarang Anda dapat menggunakan komponen slider di komponen aplikasi Anda, misalnya di app.component.ts :

 import { Options } from '@m0t0r/ngx-slider' ;
...

@ Component ( { ... } )
export class AppComponent {
  value : number = 100 ;
  options : Options = {
    floor : 0 ,
    ceil : 200
  } ;
}

Dan dalam file template app.component.html :

 < ngx-slider [(value)] =" value " [options] =" options " > </ ngx-slider > 

Gaya

Tinjauan tentang cara menerapkan gaya Anda sendiri pada slider dijelaskan dalam styling.md.

Animasi

Verion saat ini dari slider menampilkan animasi CSS dari gerakan slider. Jika Anda lebih suka perilaku sebelumnya, tanpa animasi, Anda dapat mengatur flag animate: false di opsi slider Anda.

Tooltips

Slider memungkinkan untuk menyesuaikan cara mengimplementasikan tooltips. Lihat tooltips.md untuk informasi lebih lanjut.

Masalah yang diketahui

Sebelum melaporkan bug baru, silakan lihat di Chahile_issues.md untuk daftar masalah yang diketahui dan solusi mereka. Laporan bug baru untuk masalah ini tidak akan diterima.

Informasi pengembang

Jika Anda ingin berkontribusi pada proyek, lihat pengembang.md.

Penafian

Karena kurangnya dukungan dari paket asli (NG5-Slider), telah bercabang dengan penambahan dukungan Angular 9+. Maksud dari paket ini adalah untuk mendukung versi yang lebih baru dari Angular (9+), jika Anda mencari dukungan versi sudut <9, silakan gunakan NG5-Slider.

Lisensi

Lisensi MIT.