사용자 페이지에 {{navigation-bar}} 표시하는 방법

개발
1

현재 /u 라우트에 {{navigation-bar}}가 필요한 테마 컴포넌트를 작업하고 있습니다.

목표는 사용자 페이지에 내비게이션 바를 추가하여, 사용자가 사용자 페이지에 머물러 있는 상태에서 latest와 categories 사이를 오갈 수 있도록 하는 것입니다.

컴포넌트를 표시하기 위해 users-top 플러그인 아웃렛을 사용하고 있으며, 해킹 방식으로 커스텀 내비게이션 항목을 추가하고 있습니다. (addNavigationBarItem은 커스텀 navigation-bar에는 작동하지 않는 것 같습니다) 하지만 콘솔 오류가 발생하고 있습니다.

여기서 제가 놓치고 있는 부분이 무엇인지, 그리고 이 목표를 달성하는 더 간단한 방법이 있는지 알고 싶습니다.

제 코드는 다음과 같습니다.

2

네, 해결했습니다. 사실 @angus 님이 도와주셨습니다. {{navigation-bar}}에 navItems를 전달하는 방법은 다음과 같습니다.

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

 this.setProperties({
      navItems,
      filterMode
    });

여기서 핵심은 filterMode를 추가하는 것이었습니다. 이렇게 하면 addNavigationBarItem도 정상적으로 작동합니다.