0

コードをここに投稿しました。

ここで、フィクスチャの内部ノードのデータにアクセスしようとしていますが、機能しておらず、空白の結果が表示されています。テンプレートコード:

<ul>
{{#each item in model}}
    {{#each item in item.list}}
        {{#each item in item.contents}}
            <li>{{item.product_name}}</li>
        {{/each}}
    {{/each}}
{{/each}}
</ul>

各ヘルパーを使用してテンプレート内のオブジェクトの内部ノードのデータにアクセスする方法を教えてもらえますか?

ここでコードを更新しました。home_productsここで、 ieの最初のノードのデータを取得しています

    "contents": [
        {
            "id": "1",
            "product_name": "abc11"
        },
        {
            "id": "2",
            "product_name": "abc12"
        }
    ]

2 番目のノードのデータを取得できませんでした

    "contents": [
        {
            "id": "1",
            "product_name": "abc21"
        },
        {
            "id": "2",
            "product_name": "abc22"
        }
    ]

同じデータ、つまり最初のノードのデータを取得するたびに。この問題を解決するのを手伝ってくれる人はいますか?

4

1 に答える 1

1

indexデータがmodelフックによって返されるルートと一致するように、テンプレート名を次のように変更する必要があります。

// that route belongs to index template
Astcart.IndexRoute = Ember.Route.extend({
  model: function() {
    return Astcart.Application.find();
  }
});

テンプレートを次のように変更するだけです。

<script type="text/x-handlebars" data-template-name="index">

のマッピングを の代わりに に変更Astcart.Contentsしproduct_nameますname。フィクスチャに合わせるには:

Astcart.Contents = Ember.Model.extend({
  product_name: Ember.attr()
});

備品:

...
"contents": [
  {
    "product_name": "abc",
  },
  {
    "product_name": "pqr",
  }            
]
...

作業例http://jsfiddle.net/marciojunior/NKTcc/

于 2013-09-02T13:33:01.953 に答える