Ember.js：如何将组件与模型关联？

Question

我是Ember.js的新手，正在尝试弄清楚如何将这些东西组合在一起。 由于我需要在应用程序的许多部分中使用可重用的“窗口小部件”，因此构建的一个组件是“站点导航”窗口小部件。 基本上，这就像打开一个新问题时在StackOverflow中看到的按钮/链接一样：“问题标记用户未回答的徽章”。 在我的应用程序中，这些链接在服务器端具有与之关联的名称和ID。 我希望能够在我的应用程序的多个部分上使用此导航小部件，并且应该像放置以下内容一样简单：

{{site-nav}}

进入模板。 我的那部分工作正常，但导航当前已在车把中进行了硬编码。 我的问题是，对于组件而言，从服务器检索/填充模型数据的正确位置在哪里？ 对于控制器，我们直接从控制器的路由定义中进行操作。 该组件未与路由器关联。 实际上，如前所述，它可以在应用程序的多个部分中重复使用。

我希望能够将此组件放到模板中，并用服务器中具有导航所需名称/ ID的模型导航来填充它。 最好的地方在哪里？ 我猜我仍然会从DS.Model东西扩展，但是我不确定是在哪里/何时/如何将其与组件集成。 什么时候创建模型并调用.find()类型的服务器调用以用数据填充site-nav ？

Answer 1

您可以将值传递给组件通过把手将属性传递给组件 。

{{my-nav navlist=listfromserver}}

因此服务器中的列表位于我们的控制器中，可以传递给组件