模型中的灰烬动态输入值 - HTMLbars

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}}

这会导致所有输入字段加载已定义的值：car，truck和boat in the input。

我想要做的是这个（假设你在模型中循环，它会输出＆＃39;这个）：

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

但它没有输出，它输出：

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

值已定义，但我想在模型中定义＆＃39; car＆＃39; （意味着它没有价值）我只设置名称输入然后，我将能够访问 {{car}} ，这样无论用户在空白输入中输入什么，它都会输出到 {{car}}

Answer 1

查看Ember文档，他们向输入助手显示Binding dynamic attribute的示例

要回头看上面的例子，最终的代码是：

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

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