在模态中获取正确的数据

Question

我试图在我的模板中访问数据两次，一次是在列表视图中，一次是在模态视图中。单击图像后，模态将显示许多相同的数据，只是放大了。我有问题。模态似乎正在获取最后一组数据，即使它嵌套在每个语句中。有任何想法吗？这是我的代码...

<div class="row">
  {{#each model.products as |product|}}
    <div class="col-xs-12 col-sm-6 col-md-4">
      <div class="shopify-grid-wrapper">
        <div id="#image-wrapper" class="image-wrapper" {{action 'openModal'}}>
          <div class="img-overlay">
            <p>
              Click for More Details
            </p>
          </div>
          {{#each product.images as |image|}}
            <img src= {{image.src}} />
          {{/each}}
        </div>
        <div class="description-wrapper">
          <span><p>{{product.title}}</p></span>
          <p>
            {{product.productType}}
          </p>
          <p>
            {{product.tags}}
          </p>
        </div>
      </div>
    </div>

    {{#if shopifyModal}}
      {{#liquid-wormhole class="fullscreen-modal" }}
        <div class="left-side">
          {{selectedProduct.title}}
        </div>
        <div class="right-side">
          {{buy-button product=product.attrs open="openCart"}}
          <div class="Cart {{if model.isCartOpen "Cart--open"}}">
            {{shopify-cart close="closeCart"}}
          </div>
          <p {{action 'closeModal'}}>
            Close
          </p>
        </div>
      {{/liquid-wormhole}}
    {{/if}}


  {{/each}}
</div>

Answer 1

问题已在评论中得到解答，但我将其添加到此处以防有人找到它。

当循环遍历模板中的集合时，如果循环中有一个动作，如果您希望动作处理器处理 "current" 项，则必须将一些信息传递给动作处理器，像这样：

{{action 'openModal' product}}

在模态中获取正确的数据

Getting proper data in modal

ember.js