如何在用户页面显示 {{navigation-bar}}

开发
1

目前，我正在开发一个主题组件，需要在 /u 路由上使用 {{navigation-bar}}。

目标是在用户页面添加一个导航栏，以便用户可以在 latest 和 categories 之间切换，同时仍停留在用户页面。

我使用了 users-top 插件出口来显示该组件，并通过一种变通方法添加了自定义导航项（addNavigationBarItem 似乎不适用于自定义导航栏），但我遇到了控制台错误。

我想知道我遗漏了什么，以及是否有更简单的方法来实现这一目标。

以下是我的代码：

2

好的，我明白了。实际上 @angus 帮我解决了这个问题。将 navItems 传递给 {{navigation-bar}} 的方式如下：

const filterMode = 'users';
const navItems = Discourse.NavItem.buildList(null, { filterMode });

 this.setProperties({
      navItems,
      filterMode
    });

关键在于添加一个 filterMode。有了它，addNavigationBarItem 也能正常工作。