Я пытаюсь создать повторно используемый компонент вкладок в 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, который принимает холодные узлы.