HTMLbars模型的Ember动态输入值

Question

假设采用以下模式：

export default Ember.Route.extend({
  model() {
    return ['car', 'truck', 'boat'];
  }
});

我可以像这样循环地浏览模型：

{{#each model as |vehicle index|}}
    {{vehicle}} - #{{index}}
{{/each}}

这将导致以下情况：

car - #0
truck - #1
boat - #2

但是，如果我想要输入中的动态属性(我知道下面的内容不是我想要的那样工作)，该怎么办？

{{#each model as |vehicle index|}}
    {{input value=vehicle}}
{{/each}}

这将导致所有输入字段加载已经定义的值:输入中的汽车、卡车和船。

我想要实现的是这一点(假设您通过模型循环，它将‘输出’这个)：

{{input value=car}}
{{input value=truck}}
{{input value=boat}}

但这不是输出，而是输出：

{{input value="car"}}
{{input value="truck"}}
{{input value="boat"}}

这些值已经定义好了，但是我想在模型中定义'car' (意思是它没有值)，我只是设置输入的名称，然后，我可以访问{{car}}，这样无论用户在空白输入中输入什么类型，它都会输出到{{car}}

Answer 1

查看Ember文档，它们向输入助手展示了一个绑定动态属性示例

为了回到上面的例子，最后的代码是：

{{#each model as |vehicle index|}}
    {{input value=(mut (get this vehicle))}}
{{/each}}

如果在文档中引用{{car}，则在输入时.它会显示出来。