Возможно ли иметь HTML-контент внутри углового компонента? - PullRequest
0 голосов
/ 29 июня 2018

Я пытаюсь создать повторно используемый компонент вкладок в Angular, который выглядит примерно так:

<ng-tabs>
    <ng-tab>
        <div class="title">title</div>
        <div class="content">content</div>
    <ng-tab>
    <ng-tab>
        <div class="title">title</div>
        <div class="content">content</div>
    <ng-tab>
</ng-tabs>

В этом случае ng-tabs - это компонент, который передает переключатели управления вложенному компоненту ng-tab, а последний является просто держателем для любого содержимого. Это может быть просто текст или кнопки или что-то еще. В этом случае вы должны импортировать компонент вкладок и использовать его так, как показано выше.

Проблема в том, что угловые блоки, которые вы помещаете внутри открывающих и закрывающих тегов, находятся вне компонента. Он не ведет себя как обычный элемент HTML, который принимает холодные узлы.

1 Ответ

0 голосов
/ 29 июня 2018

Я думаю, что вам нужно добавить <ng-content></ng-content> в ваш файл ng-tab.component.html, где вы хотите показать содержимое тега tab:

<div class="myTab">
   <ng-content></ng-content>
</div>

-Для получения дополнительной информации

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...