2016-07-06 47 views
0

假设下面的模型:从模型灰烬动态输入值 - HTMLbars

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}}所以,无论在空白的输入的用户类型,它输出到{{汽车}}

回答

0

纵观灰烬文档,他们表现出的Binding dynamic attribute一个例子来输入助手

向后引用上面例子中的最终代码将是:

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

如果您引用{{汽车}}您的文档中,当您在输入类型...这将显示。