Javascript Ember-动态添加和删除互连的选定图元

你好，谢谢你抽出时间回答我的问题

我最近开始使用Ember，并且熟悉该框架的基本工作流程（路由、控制器、模型、数据模板等）。然而，需要更复杂的屏幕和更复杂的javascript逻辑

我精通javascript/jquery，可以用几个javascript函数轻松完成以下工作。然而，我正试图避免走那条路，而是用正确的方式去做

我有一个项目列表（项目0，…，项目9）。有一个+（添加新项目按钮）

我需要以下行为：

当用户单击“添加新项目”按钮时，我想添加一个新的

elemenet，它将包含：

一个选择元素、一个文本框和一个删除按钮（单击该按钮可删除

元素和其中的所有内容）

现在，当用户再次单击+按钮时，我想添加一个新的

元素，其中包含相同的元素，但是这一次，在上一个

中选择的项目不应显示出来

当用户单击删除按钮时（将有多达

个元素），我希望能够重新计算可用元素的列表

另外，对我来说真正重要的是，如何获得对已单击按钮（删除项目）的引用？在纯javascript中，您发送一个表示已单击元素的对象。在ember中，我如何做到这一点

由于我不知道从哪里开始，我还没有编写任何代码，因此我不会要求您提出一个复杂的示例。我想问您应该阅读哪些余烬概念，以熟悉动态添加和删除元素（在我的例子中，元素由选择元素、文本框和移除按钮组成）

---

非常感谢！

对于对答案感兴趣的人，请确认。我正在使用组件，然后在视图中动态注入组件。+（添加新项目）按钮的操作在负责主页的控制器中处理。关于删除操作，请使用此。删除（）；只需删除包含已单击按钮的整个模板。所有这些管道都由ember完成