Javascript Can';在使用每个in循环后,在输入余烬中操纵对象模型

Javascript Can';在使用每个in循环后,在输入余烬中操纵对象模型,javascript,html,arrays,ember.js,each,Javascript,Html,Arrays,Ember.js,Each,我用预填充的数据创建了一个输入。当我对输入进行更改时,我看不到模型应有的更改 我有一个如下所示的对象模型: export default Route.extend({ model() { return { name: 'foo', height: '5ft', address: 'bar' } } }); 在我的模板中,我使用each-In循环 {{#each-in model as |key value|}} <li>

我用预填充的数据创建了一个输入。当我对输入进行更改时,我看不到模型应有的更改

我有一个如下所示的对象模型:

export default Route.extend({
  model() {
    return {
      name: 'foo',
      height: '5ft',
      address: 'bar'
    }
  }
});
在我的模板中,我使用each-In循环

{{#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
{{{#模型中的每个作为|键值|}
  • {{key}} {{input id=key value=value}}
  • {{/每个在}} {{model.name} //即使我在表单输入中更改它,仍然显示为“Foo”
    它将处理以下更改:

    {{#each-in model as |key value|}}
      <li>
        <label for={{key}}>{{key}}</label>
        {{input id=key value=(get model key)}}
      </li>
    {{/each-in}} 
    
    {{{#模型中的每个作为|键值|}
    
  • {{key}} {{input id=key-value=(get-model-key)}
  • {{/每个在}}