Ember在模板中传递多个列表项

时间:2016-03-01 07:32:55

标签: ember.js ember-data ember-cli

是否可以使用{{each}}

在模板中传递多个项目列表

有人可以指导我做我正在做的事, 在我的sales-orders.hbs下面是我的电流代码。         

    {{#each model as |detail|}}
        <li>{{sales-orders-grid detail=detail}}</li>
    {{else}}
      Blank
    {{/each}}
    </ul>

然后调用sales-orders-grid组件

Shipping Method
      <div class="col-xs-12 col-md-12 col-sm-12 products-item-products border-left padding10">
        <ul>
            {{#each shippingMethod as |sm|}}
                {{sales-orders-grid-shipping-method sm=sm}}
            {{/each}}
        </ul>
      </div>

在我的sales-orders-grid-shipping-method组件中,调用是:

sm.shippingMethodName

我在这里想要实现的是在主模板中传递{{each}}中的项目列表。有可能吗?

2 个答案:

答案 0 :(得分:0)

要更改范围,您可以使用&#34;使用&#34;帮手。

http://emberjs.com/api/classes/Ember.Templates.helpers.html#method_with

{{#with user.posts as |blogPosts|}}
  <div class="notice">
    There are {{blogPosts.length}} blog posts written by {{user.name}}.
  </div>
  {{#each blogPosts as |post|}}
    <li>{{post.title}}</li>
  {{/each}}
{{/with}}

我认为你可以使用&#34;帮手。

答案 1 :(得分:0)

我认为可行的方法是将数据重组为:model.list1,model.list2等。 然后传递模型并根据需要使用。并使用嵌套的每个来实现网格。 我只是将此作为答案发布,因为我还没有发表评论。 所以,请回复我的澄清。