javascript - 我怎样才能每页有多个小部件？

Question

我是 Ember.js 的新手，过去几天我一直在研究 Ember.js 是否适合我正在从事的项目。我不知道在这里使用小部件是否合适，但我不知道还能怎么调用它。

我的应用需要在任何给定页面上显示多个“小部件”。例如，应用程序的主页可能会显示最近的新闻、系统更新和最近的帖子。在所有页面上可能有一个或多个无处不在的小部件(想想 Facebook 上的 friend 列表)。

Ember.js 可以处理这个吗？我读过的所有内容都将 URI 绑定(bind)到路由，并将路由绑定(bind)到单个模型(或相同模型类型的集合)。我需要阅读哪些内容才能详细了解如何实现我需要实现的内容？

Answer 1

看看Ember Components ，您可以向他们传递一个模型，他们有一个自容器 Controller / View 和模板，它们非常适合创建具有自包含逻辑的可重用 UI 元素。

对于无处不在的事物，您可以查看 Application Template和 Nested Routes .嵌套路由非常适合在您的 UI 中创建层次结构:

例如，您的页眉/页脚将在应用程序模板中，您有一个路由“/posts”，它包含侧边栏上的帖子列表，然后是一个嵌套的路由“/post”，它填充主要内容区域你的屏幕。如果您访问 url/posts/1，它将显示页眉/页脚(应用程序模板)、帖子列表(帖子模板)和 id 为 1 的帖子内容(帖子模板)。