Блог

Главная - Вопросы по программированию - Как получить родительский контейнер DOM со ссылкой на компонент, загруженный маршрутизатором-розеткой в Angular 12?

Как получить родительский контейнер DOM со ссылкой на компонент, загруженный маршрутизатором-розеткой в Angular 12?

#javascript #angular #router #angular12 #router-outlet

Вопрос:

У меня есть основной макет приложения:

 <div #layoutContainer class="layout__container">
    <div class="layout__container__sidebar">
        <app-nav-menu></app-nav-menu>
    </div>
    <div class="layout__container__content">
        <div class="layout__container__content-header">
            <div class="header-brand">
                <span *ngIf="isSideNavBarCollapsed">{{ headerBarTitle }}</span>
            </div>
        </div>
        <div #layoutContainerContentBody class="layout__container__content-body">
            <router-outlet></router-outlet>
        </div>
    </div>
</div>

Как вы заметили, у меня есть две ссылки #LayoutContainer и #layoutContainerContentBody. Мне нужно, чтобы любой компонент, загруженный из розетки маршрутизатора, имел доступ к обоим ссылочным разделам.

Ссылки, которые я привел, были просто попыткой заставить это работать, но безуспешно.

Спасибо.

Комментарии:

1. Могу ли я спросить о причине, по которой маршрутизируемым компонентам необходимо получить доступ к чему-то над ними в DOM? Одним из способов было бы создание инъекционной службы, которая содержит эти ссылки и предоставляет их другим компонентам. но я не уверен, поможет ли вам это

Метки: ,