在使用per-in循环后,无法在输入ember中操作对象模型

时间:2018-06-14 16:13:40

标签: javascript html arrays ember.js each

enter image description here我使用预先填充的数据创建了一个输入。当我对输入进行更改时,我没有看到模型发生了应有的变化。

我有以下对象模型:

export default Route.extend({
  model() {
    return {
      name: 'foo',
      height: '5ft',
      address: 'bar'
    }
  }
});

在我的模板中,我正在使用每个

进行循环
{{#each-in model as |key value|}}
  <li>
    <label for={{key}}>{{key}}</label>
    {{input id=key value=value}}
  </li>
{{/each-in}}

{{model.name}}
// Still shows up as "Foo" even if i change it in the form input

1 个答案:

答案 0 :(得分:1)

它将适用于这些变化:

{{#each-in model as |key value|}}
  <li>
    <label for={{key}}>{{key}}</label>
    {{input id=key value=(get model key)}}
  </li>
{{/each-in}} 

https://codepen.io/kszambelanczyk/pen/rKGVzy?page=1&