如何使用 Iron Router (Meteor) 在一个区域渲染模板

Question

我的目标是在 Meteor 网站上动态创建导航菜单。

我有一个带有静态链接的经典菜单以及我希望在需要时插入其他链接的产量：

<nav id="menu">
    <a href="#link1">Link 1</a>
    <a href="#link2">Link 2</a>

    {{> yield "navLinks"}}
</nav>

-

// module_posts.js
Router.onAfterAction(function(){
    if (userIsAdmin()) {
        this.render('postsMenu', { to: 'navLinks' });
    }
});

// module_users.js
Router.onAfterAction(function(){
    if (userIsAdmin()) {
        this.render('usersMenu', { to: 'navLinks' });
    }
});

问题是，例如，当连接管理员时，每个模块（帖子、角色、类别...）都应该将自己的链接插入到该区域，但会发生的是每个模块都在渲染前一个模块，并且删除另一个模块添加的链接，因此该区域似乎只接受一个要呈现的模板。

也许我做错了，所以请给我一个干净的解决方案。

-- 编辑--

好吧，也许一个更好的解释： 我有几个可以启用或禁用的模块（帖子、用户、角色等），每个模块都有一个导航菜单来管理它。

现在我想在一个名为 {{nav}} 的独特区域中显示他们的菜单。 因此，如果启用了该模块，我将不得不在每个模块的某处编写代码以将其菜单附加到 {{nav}} 区域。

我真的很想使用模板来做到这一点，因为我可以直接在其中构建逻辑，而不是使用集合来存储链接。

Answer 1

您看到问题的原因是因为您使用 Router.onAfterAction() 函数来呈现菜单模板。这样做的问题是Router.onAfterAction() 函数全局应用于所有路由，并在运行新路由时运行。这就是为什么您只能看到最终定义的导航链接定义中的导航链接，在您上面的问题的情况下，这将是 usersMenu 导航链接。相反，您希望为您希望它有所不同的每条路线定义导航菜单模板呈现逻辑。此外，您不想使用 onAfterAction() 函数，因为它旨在用于在您的路线实际运行后进行后处理。为了实现您想要的，您将执行以下操作：

Router.route('/admin/posts', {
    ...
    yieldRegions: {
        'postsMenu': {to: 'navLinks'}
    }
    ...
});

Router.route('/admin/users', {
    ...
    yieldRegions: {
        'usersMenu': {to: 'navLinks'}
    }
    ...
});

因此，如您所见，我们为您在问题中指定的每条独特路线定义了一个路线定义，一个用于管理员帖子，一个用于管理员用户。为了为给定的路由指定要渲染到名为yields 的特定模板，您应该使用yieldRegions 路由选项。在其中，您指定要渲染到哪个命名的屈服区域的每个模板的名称。这是您从问题中指定模板的地方。

如果您想了解定义路由定义时可用的所有路由特定选项，请查看here。