Не знаю, нужно ли создать новый вопрос, но из вашего ответа вытекает вопрос:
Как мне правильно вывести эти данные через асинк пайп в шаблон? При варианте ниже в консоли ошибка: NgFor only supports binding to Iterables such as Arrays, т.е internNavItems$ перебирать не получается, также на нем нет свойств name, routerLink и icon из интерфейса. Пробовал выводить internItem, также не отображается.
<div *ngFor="let internItem of internNavItems$ | async" >
<li class="nav-item" routerLinkActive="active">
<a [routerLink]='internItem.routerLink' class="nav-link">
<i [class]="internItem.icon"></i>
{{ internItem.name }}
</a>
</li>
</div>
