Ember：插入100个组件，并为每个组件设置属性

Question

我正在玩创建拖放功能。我试图创建一个网格，将元素拖到上面，然后根据drop元素执行一些操作。

我已经创建了用于拖放的组件。为了创建网格，我想插入几百个可放置的组件，并为每个组件提供一个我可以在组件模板中使用的唯一编号。

我应该如何插入100个元素并为每个元素赋予唯一属性？

由于

Answer 1

我认为您可以通过模型实例来操作您的逻辑（我的意思是模型概念，它可能是对象的array或records array）。

很明显，你有model（作为一些数组），因为你提到过＆＃34; 100个元素的网格＆＃34;。

您可以通过模型实例创建列表组件，例如：

{{!-- list of components --}}
{{#each model as |item|}}
  {{cell-component item=item uniqAttr=item.yourUniqAttribute actionDrop="actionDrop"}}
{{/each}}

您可以将唯一属性传递到cell-component到item并发送操作actionDrop。