ng-ytl-zorro-antd/src/showcase/nz-demo-slider/nz-demo-slider-tip-formatter.component.ts

An enterprise-class UI components based on Ant Design and Angular

import { Component } from '@angular/core';

@Component({
  selector: 'nz-demo-slider-tip-formatter',
  template: `
    <nz-slider [nzTipFormatter]="formatter"></nz-slider>
    <nz-slider [nzTipFormatter]="null"></nz-slider>
  `
})
export class NzDemoSliderTipFormatterComponent {

  formatter(value) {
    return `${value}%`;
  }

}