updating the min and max dynamic

[dmsaravanan1983]

Hi I am trying to update the min and max value dynamic and its not working , please see the code below typescript:

ngOnInit() {
    this.buildSlider(1, 100);
  }
buildSlider(mini, maxi) {
    console.log(mini, maxi);
    this.config = {
      behaviour: 'drag',
      connect: true,
      start: [mini, maxi],
      keyboard: true,  // same as [keyboard]="true"
      step: 1,
      range: {
        min: mini,
        max: maxi
      }
    };
    this.someRange = [mini, maxi];
  }
xxxxxxxxxxxxxx.subscribe(data => {
  max_count = Math.max.apply(Math, count);
      min_count = Math.min.apply(Math, count);
     this.buildSlider(min_count, max_count);
});

HTML:

<md-chip-list>
        <md-chip color="primary" selected="true">MIN: {{someRange[0]}}</md-chip>
        <md-chip color="primary" selected="true">MAX: {{someRange[1]}}</md-chip>
</md-chip-list> 
      <nouislider [config]="config" [(ngModel)]="someRange"></nouislider>

[daiky00]

I have the same issue can anyone help?

[daiky00]

+1

[daiky00]

this is the answer

<div *ngIf="config">
      <md-chip-list>
           <md-chip color="primary" selected="true">MIN: {{someRange[0]}}</md-chip>
            <md-chip color="primary" selected="true">MAX: {{someRange[1]}}</md-chip>
      </md-chip-list> 
      <nouislider [config]="config" [(ngModel)]="someRange"></nouislider>
</div>