Обернуть перенаправленный компонент в тег - PullRequest
Новая
       35

Обернуть перенаправленный компонент в тег

0 голосов
/ 04 октября 2019

Я ищу способ обернуть перенаправленный (!) Компонент в заранее определенный непроизвольный тег HTML.

Давайте предложим, что этот предопределенный тег выглядит следующим образом: 

<div #myWrapperAroundAllComponents>
    // Component comes here injected through the <router-outlet> directive
</div>

и мой app.component.html выглядит примерно так: 

<mat-sidenav-content>
    <router-outlet></router-outlet>
</mat-sidenav-content>

Я мог бы легко решить эту проблему, изменив app.component.html на следующее: 

<mat-sidenav-content>
    <div #myWrapperAroundAllComponents>
        <router-outlet></router-outlet>
    </div>
</mat-sidenav-content>

, но я хочутег <div #myWrapperAroundAllComponents>, который будет создан вместе с моим внедренным компонентом. Если бы я сделал обходной путь выше, тег <div #myWrapperAroundAllComponents> будет всегда загружаться в DOM, но еще раз, я хочу, чтобы он был загружен вместе с запрошенным компонентом.

Самый очевидный обходной путь - это обернуть каждый компонент в моем проекте в теги <div #myWrapperAroundAllComponents>, но это очень избыточно, и для этого должен быть более эффективный способ.

Возможно ли добиться этого в Angular илископировать и вставить свой пользовательский тег во все компоненты?

...