Ember双向绑定

时间:2016-01-13 21:24:28

标签: javascript ember.js data-binding

使用Ember 2.0。我有一个对象,我想用一组输入绑定。直到运行时才知道对象中的键。这就是我所拥有的:

JS

export default Ember.Component.extend({
  form: {},
  fields: Ember.computed(function() {
   //Dynamically gets list of fields as array
   return fields;
  })
});

HBS

{{#each fields as |field|}}
  {{field.title}} - {{input type="text" value=(mut (mergeHelper "form." field.title))}}
{{/each}}

MERGEHELPER

export function mergeHelper(params) {
  var result = "";
  for (var i = 0; i < params.length; i++) {
    result+=params[i];
  }
  return result;
}

我遇到的问题是当我去编辑输入时出现以下错误:&#34;未捕获错误:流错误:setValue未实现&#34;。我究竟做错了什么?感谢。

1 个答案:

答案 0 :(得分:0)

绑定应该可以正常工作,更改计算属性返回的数组的属性。这个例子适用于我ember 2.2

fields: Ember.computed(function() { return [{ title: 'something' }, { title: 'something' }, { title: 'something' }]; }),

fields: {{#each fields as |field|}} {{field.title}} - {{input type="text" value=field.title}} {{/each}}

注意在更改标签更改的最后一个输入值时如何更改。 enter image description here