javascript - 可重用的 ember 组件，具有自己的数据源

Question

我有一个下拉菜单<select>我希望能够将其放入我的 ember 应用程序层次结构中的任何模板中。

这会显示网站上所有文章(模型)的列表。不过，每当我使用此组件时，我所在的路由都需要加载数据并传递给模板。

问题:如何仅在渲染组件时加载此数据一次？

另外我去过reading this并且还没有想出一个好的解决方案。我希望组件提供数据源，但这似乎不受欢迎。

在我的组件预渲染中执行 ajax 请求会很糟糕吗？

Answer 1

如果您需要预加载数据，那么您可以使用初始化器来为您完成此操作。如果需要，您可以使用此数据并注入(inject)任何 Controller 、路由或所有这些。这是一种更易于维护的方式。

对于您的情况，您可以将文章注入(inject)到特定的 Controller 中。然后在其他所需的 Controller 中使用needs来使用此 Controller 数据，从而进入组件。

通过这种方式，您可以获得可用于组件的所有实例的数据。在组件内部传递存储对象主要是一种反模式(尽管取决于用例)。

组件应该摆脱令人头疼的数据收集问题，并应该专注于逻辑和表示。

如果想了解有关如何使用初始化器的更多信息，您可以find it here