javascript - ember.js - 支持数字字段

Question

ember 是否提供数字字段？

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

假设我的 Controller 中有一个 value 属性，这是我的模板:

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

忽略min、max 和step。

我也试过:

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

属性现在有效，但绑定(bind)无效。

有什么想法吗？

Answer 1

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

例如:

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

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

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

版本 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