Javascript 具有HTML输入范围的Ember.js组件未正确设置值

我有一个简单的余烬组件，它只包含一个输入范围滑块，如下所示：

<input
  type="range"
  value=500
  min=0
  max=500
>

当它最初渲染时，滑块的位置不会像您预期的那样设置为最末端。它被设置在100左右的位置

---

解决方案是更改属性的顺序，并在最大值之后设置值：

<input
  type="range"
  min=0
  max=500
  value=500
>

这个。在这种情况下，在设置“max”之前将“value”设置为500是无效的，因此将其设置为100

见讨论

let input = document.createElement('input');
input.setAttribute('type', 'range');
input.setAttribute('value', 500);
input.setAttribute('min', 0);
input.setAttribute('max', 500);