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

Question

我有一个带有侧边栏菜单的用户个人资料页面，其中包含链接，我想在点击任何一个链接时将其呈现/显示到主要内容区域，而不会重新呈现整个页面。关于完成这项任务的最佳方法的任何想法？

Answer 1

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

Answer 2

你问的是一个基本的铁路由器问题。如果您按照iron router tutorial进行操作，您将看到如何将路线渲染到模板中。在侧边栏/导航栏中的链接上，您将使用{{pathFor 'myPath'}}，这会自动将myPath模板抽入布局的{{> yield}}，而无需重新渲染。使用iron-router和Meteor，你基本上不会重新渲染。

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