如何将侧边栏菜单中的内容呈现到主内容区域？

Question

我有一个用户配置文件页面与侧栏菜单的链接，我想渲染/显示到主内容区域后，单击任何一个链接，而不是整个页面重新渲染。对于完成这项任务的最好方法有什么想法吗？

Answer 1

您可以使用像AngularJS或Ember这样的前端框架。如果是静态数据或非常简单，您可以使用jQuery中内置的选项卡功能：https://jqueryui.com/tabs/

Answer 2

你在问一个基本的铁路由器问题。如果您遵循iron router tutorial，您将看到如何将路由呈现到模板中。在侧边栏/导航中的链接上，您可以使用{{pathFor 'myPath'}}，这会自动将myPath模板放入布局的{{> yield}}中，而无需重新呈现。有了铁路由器和流星，你基本上再也不会重新渲染了。

另一种方法是只渲染布局中的所有div，然后根据导航项目的点击来隐藏/显示它们。您甚至可以使用bootstrap在没有javascript的情况下做到这一点。