title: How to set max vale for input range slide dynamically?
body: <p>I'm trying to do and input range slide with @angular-slider/ngx-slider following this <a href="https://openbase.com/js/@angular-slider/ngx-slider/documentation#documentation" rel="nofollow noreferrer">examples</a> and the official <a href="https://angular-slider.github.io/ngx-slider/docs" rel="nofollow noreferrer">documentation</a> and works well.</p>
  <p>My component code is:</p>
  <pre><code>import { Options } from '@angular-slider/ngx-slider';
  
  ...
  low_area_value: number = 1000;
  high_area_value: number = 99999;
  options: Options = {
    floor: 0,
    ceil: 9999
  };
  ...
  </code></pre>
  <p>My template code is:</p>
  <pre><code>&lt;ngx-slider formControlName=&quot;area&quot; [(value)]=&quot;low_area_value&quot; [(highValue)]=&quot;high_area_value&quot; [options]=&quot;options&quot;&gt;&lt;/ngx-slider&gt;
  </code></pre>
  <p>I would like to set ceil dynamically depende on max area value of objects and get the error.</p>
  <blockquote>
  <p>ERROR Error: floor and ceil options must be supplied</p>
  </blockquote>
  <p>Set ceil dynamically code:</p>
  <pre><code>this.plotService.getMaxArea().subscribe(result =&gt; {
    this.high_area_value = result.area;
    this.options = {
      floor: 0,
      ceil: result.area
    }
  });
  </code></pre>
  <p>Anybody could help me please ?
  Thanks in a advance.</p>