ember.js - 自定义输入字段的长度

Question

如何自定义文本输入字段的长度？我使用以下代码，它会产生一个超长的输入字段。

{{input type="text" value=searchText placeholder="Search..."}}

Answer 1

@Unspecified 的回答有些正确，但它不能正常工作，因为应该调用您必须绑定到的属性maxlength而不是max-length.

所以你应该这样做：

App.RestrictedTextField = Ember.TextField.extend({
  attributeBindings: ['maxlength'],
  'maxlength': 10
});

然后像这样使用它：

{{view App.RestrictedTextField value=searchText placeholder="Search..."}}

请在此处查看工作的 jsbin。

希望能帮助到你。

更新 在@David 的评论之后，这相当于扩展Ember.TextField：

{{view Ember.TextField placeholder="Search..." maxlength=10 value="searchText"}}

在这里更新的jsbin显示了这两种方法。

Answer 2

不知道如何在车把{{input}}助手中定义属性，但我们绝对可以在attributeBindings

App.RestrictedTextField = Ember.TextField.extend({
  attributeBindings: ['maxlength'],
  'maxlength': 10
})

{{view App.RestrictedTextField value=searchText placeholder="Search..."}}