ngx slider

NGX-SLIDER

NG5-SLIDER를 기반으로 Angular> = 9에 대한 사용자 정의 가능한 슬라이더 구성 요소.

버전 <9로 각도 지원을 찾고 있다면 원래 패키지를 사용하십시오 : NG5-Slider

설치

Angular 프로젝트에 슬라이더를 추가하려면 :

 npm install --save @m0t0r/ngx-slider

설치되면 app.module.ts 에 슬라이더를 추가하십시오.

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

...

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

샘플 사용

이제 app.component.ts :와 같이 앱 구성 요소의 슬라이더 구성 요소를 사용할 수 있습니다.

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

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

템플릿 파일 app.component.html :

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

스타일링

자신의 스타일을 슬라이더에 적용하는 방법에 대한 개요는 Styling.md에 설명되어 있습니다.

애니메이션

슬라이더의 현재 Verion은 슬라이더 움직임의 CSS 애니메이션을 특징으로합니다. 애니메이션없이 이전 동작을 선호하는 경우 슬라이더 옵션에서 플래그 animate: false 설정할 수 있습니다.

툴팁

슬라이더를 사용하면 툴팁을 구현하는 방법을 사용자 정의 할 수 있습니다. 자세한 내용은 Tooltips.md를 참조하십시오.

알려진 문제

새로운 버그를보고하기 전에 알려진 문제 및 해결 방법 목록은 알려진_issues.md를 참조하십시오. 이러한 문제에 대한 새로운 버그 보고서는 허용되지 않습니다.

개발자 정보

프로젝트에 기여하려면 Developers.md를 참조하십시오.

부인 성명

원래 패키지 (NG5-Slider)의 지원 부족으로 인해 각 9+ 지지대가 추가되어 포크되었습니다. 이 패키지의 의도는 각도 버전 <9를 지원하려면 NG5-Slider를 사용하십시오.

특허

MIT 라이센스.