0

次のモデルを想定しています。

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}}に出力されるようにします

4

1 に答える 1

0

Ember docs を見ると、動的属性を入力ヘルパーにバインドする例が示されています

上記の例に戻ると、最終的なコードは次のようになります。

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

また、ドキュメントで{{car}}を参照すると、入力を入力すると... 表示されます。

于 2016-07-07T15:03:08.480 に答える