title: Setting slider max value from subscribe method gives an error
body: <p>I am trying to set up a slider component and the structure looks like this.</p>
  <pre><code>sliderConfig: SliderConfig = {
     min: 0,
     max: 0,
     noOfHandles: 1,
     minLabel: &quot;0&quot;,
     maxLabel: &quot;0&quot;,
     step:1,
     showSteps: true
  }
  </code></pre>
  <p>I want the max and maxLabel value to be changed depending on the value I get from a subscribe method. Interestingly, setting maxLabel does not cause any error but setting max gives me an error saying
  <code>Error: Invalid value. Handle 0 with value...</code>
  Let's say the value I want to set is 44.</p>
  <pre><code>init(){
    this.service.loanList$.pipe(first()).subscribe(maxVal =&gt; {
       //Let's say console.log(maxVal) -- 44
       this.sliderConfig.maxLabel = maxVal.toString(); // Works
       this.sliderConfig.max = maxVal; // Does not work and returns the error
  
       //Funny thing is.. if I hardcode the .max like
       this.sliderConfig.max = 44; //Works
  
       //I also checked if type of maxVal is integer by doing
       //console.log(maxVal == 44) -- returns true
      })
  }
  </code></pre>
  <p>Anyone know why <code>this.sliderConfig.max = maxVal</code> is not working?</p>