Ember.js:如何将我的组件与模型相关联?

时间:2014-04-25 19:15:19

标签: javascript ember.js

我是Ember.js的新手,我正试图弄清楚如何在这一点上拼凑起来。我构建的一个组件,因为我需要一个可重用的“小部件”来在我的应用程序的许多部分中使用,它是一个“站点导航”小部件。基本上,当你打开一个标题为“问题标签用户徽章未答复”的新问题时,它几乎就像你在StackOverflow中看到的按钮/链接一样。在我的应用程序中,这些链接在服务器端具有与其关联的名称和ID。我希望能够在我的应用程序的多个部分使用此导航小部件,它应该像放置:

一样简单

{{site-nav}}

进入模板。我得到了那部分工作得很好,但导航目前在车把中进行了硬编码。我的问题是,对于组件,从服务器检索/填充模型数据的正确位置在哪里?对于控制器,我们直接从控制器的路径定义中完成。该组件与路由器无关。实际上,如前所述,它可以在应用程序的几个部分中重复使用。

我希望能够将此组件放入模板中并使用来自服务器的建模导航器填充它,该服务器具有我需要的导航的名称/ ID。这是最好的去处?我猜我仍然会从像DS.Model这样的东西延伸,但我不完全确定在何时/何时/如何将其与组件集成。我何时创建模型并调用.find()类型的服务器调用以使用数据填充site-nav

1 个答案:

答案 0 :(得分:1)

您可以将值传递给组件Passing properties to component 通过把手。

{{my-nav navlist=listfromserver}}

所以来自服务器的列表在我们的控制器中可以传递给组件