Я использую Nebular UI Kit внутри моего angular приложения и хочу вложить компонент заголовка в компонент домашней страницы. Поскольку атрибут по умолчанию занимает всю страницу, мои компоненты представляют собой два полноразмерных экрана друг над другом. Как правильно вложить компоненты Nebular в другие компоненты?
Я попытался удалить атрибуты из компонента заголовка, а затем вложить под атрибуты в домашнем компоненте, но затем заголовок не отображается в домашний компонент. Не удалось найти решение, которое работает.
Вот что у меня сейчас есть (все работает правильно, но домашний компонент отображает компонент заголовка в виде полноразмерного окна поверх остальных домашних компонентов). :
// Header Component / <app-header>
<nb-layout>
<nb-layout-header>
<nb-actions size="medium">
<nb-action routerLink="/page-1">Page 1</nb-action>
<nb-action routerLink="/page-2">Page 2</nb-action>
</nb-actions>
</nb-layout-header>
</nb-layout>
// Home Component
<app-header></app-header>
<nb-layout>
<nb-layout-column>
Column 1
</nb-layout-column>
</nb-layout>