2017-08-23 8 views
0

を値を設定していない私はそうのように、単一の入力範囲スライダを含む単純なエンバー成分を有する:Ember.jsコンポーネントが正しく

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

それが最初にレンダリングするとき、スライダーの位置がされますあなたが期待しているように、最後までは設定されていません。これは100桁前後に設定されています。

enter image description here

答えて

1

ソリューションは、属性の順序を変更し、最大の後に値を設定することです:

HTMLで通常
<input 
    type="range" 
    min=0 
    max=500 
    value=500 
> 

属性の順序は重要ではありません。

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

default max of an input is 100:ただし、この場合にはEmber社は、の線に沿って何かに変換しているようです。この場合、 'max'を設定する前に 'value'を500に設定すると無効になり、代わりに100に設定されます。

ディスカッションhereを参照してください。

関連する問題