1

モデル データがテンプレートと正しくバインドされていません。実際の値ではなく、このような結果が表示されます。

ここに画像の説明を入力

このためにjsFiddleを作成しました。だからあなたはチェックすることができます。「性別」/「婚姻状況」をクリックすると、上記の結果が得られます。

ルーター:

App.FieldRoute = Ember.Route.extend({
  setupController: function(controller, Field) {
    controller.set('model', App.Fields);
  }
});

テンプレート：

<script type="text/x-handlebars" id="field">  
    {{#each model}}
    <div>
       <input type="text" style="margin: 10px" placeHolder="Key" value="{{key}}"/>
       <input type="text" style="margin: 10px" placeHolder="Desc" value="{{desc}}"/>
       <i class="icon-trash"></i>
    </div>    
    {{/each}}
</script>
4

2 に答える 2

1

要素属性内{{key}}で andを使用することはできません。{{desc}}ここで説明されている要素属性をバインドする正しい方法http://emberjs.com/guides/templates/binding-element-attributes/。

正しい構文を使用したテンプレートは次のようになります。

テンプレート：

<script type="text/x-handlebars" id="field">  
    {{#each model}}
        <div>
            <input type="text" style="margin: 10px" placeHolder="Key" {{bindAttr value="key"}}/>
            <input type="text" style="margin: 10px" placeHolder="Desc" {{bindAttr value="desc"}}"/>
            <i class="icon-trash"></i>
        </div>    
    {{/each}}
</script>

jsFiddle の実例: http://jsfiddle.net/dbERr/1/

組み込みビューEmber.TextFieldを使用することもできますが、指定できる属性の数は限られています。styleたとえば、そのままでは属性をサポートしていません。

于 2013-07-23T06:59:49.410 に答える
1

Ember.Textfieldを使用する必要があります

<script type="text/x-handlebars" id="field">  
    {{#each model}}
    <div>
       {{view Ember.TextField  placeHolder="Key" valueBinding="key"}}
       {{view Ember.TextField  placeHolder="Desc" valueBinding="desc"}}
       <i class="icon-trash"></i>
    </div>    
    {{/each}}
</script>
于 2013-07-23T06:36:43.590 に答える