ember.js - 支持数字字段

时间:2013-11-11 17:49:58

标签: javascript ember.js

ember是否提供了数字字段?

我尝试过使用{{input}}帮助器,但它似乎不接受特定于数字字段的html属性。

假设我的控制器中有value属性,这是我的模板:

{{input type="number" min="1" max="10" step="1" value=value}}

忽略minmaxstep

我也尝试过:

<input type="number" min="1" max="10" step="1" {{bind-attr value='value'}}>

现在属性可以使用,但绑定不起作用。

有什么想法吗?

1 个答案:

答案 0 :(得分:3)

您需要配置您希望输入字段绑定到哪些属性。

例如:

Ember.TextField.reopen({
  attributeBindings: ['size', 'maxlength', 'minlength', 'min', 'max', 'step']
})

这是一个有效的JSFiddle:http://jsfiddle.net/bZy6b/

更新:不再需要添加attributeBinding。 Ember现在自动绑定大小,最小值,最大值和步长。但是,如果需要绑定其他属性,仍可以使用此方法。

版本1.4添加了最小和最大: https://github.com/emberjs/ember.js/commit/8eb4e53a478c086d93d2414114e0bd8704237ecc#diff-ef30f4013a02c0c5fceae64680d1899b

版本1.5.0-beta.1添加了一步(以及更多): https://github.com/emberjs/ember.js/commit/fdfe8495f738c460b0f1595bc8a37a67e568ff0f