ember.js - Ember 模型中的动态输入值 - 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}}

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

我想要实现的是这个（假设你遍历模型，它会“输出”这个）：

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

但它没有输出，它输出：

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

值已经定义，但我想在模型中定义“汽车”（意味着它没有价值）我只是设置输入的名称，然后稍后，我将能够访问{{car}}这样无论用户在空白输入中键入什么内容，它都会输出到{{car}}

score 0 · Accepted Answer

回到上面的例子，最终的代码是：

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

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

1 回答 1