javascript - Ember Js : Own View with Value Binding

Question

我想使用我自己的 Ember.View 实现，但不幸的是 valueBinding 不起作用(它与内置的一起工作)

App.NumberView = Ember.View.extend({
  tagName: 'input',

  attributeBindings: ['type', 'min', 'max', 'step', 'value', 'placeholder'],

  type: 'number',
  step: '0.01',
  min: '0',
  max: null,
  placeholder: null,
  value: ''
});

在模板中:

{{view App.NumberView id="value" valueBinding="value" placeholder="39.90"}}
<button type="button" {{action submit}}>submit</button>

在 Controller 中:

App.SomeController = Ember.Controller.extend({
  submit: function() {
    // returns undefined
    this.get('value');
  }
});

我自己的 NumberView 缺少什么来支持 valueBinding？

博多

Answer 1

您最好直接扩展 Ember.TextField，而不是扩展 Ember.View。

例如:

App.NumberView = Ember.TextField.extend({
  attributeBindings: ['type', 'min', 'max', 'step', 'value', 'placeholder'],
  type: 'number',
  step: '0.01',
  min: '0',
  max: null,
  placeholder: null,
  value: ''
});

请参阅此处了解工作 jsbin .

希望有帮助。