#angular #bootstrap-modal #angular-bootstrap #bootstrap-tabs
Вопрос:
Я пытаюсь поместить вкладку угловой начальной загрузки в модальный угловой начальной загрузки, дело в том, что Angular не позволяет отображать ng-шаблон внутри ng-шаблона, поэтому содержимое вкладки угловой начальной загрузки не отображается внутри вкладки угловой начальной загрузки.
Вот код для модальных и вкладок
<button
type="button"
class="btn btn-primary"
(click)="openModal(el, modal)"
>
config
</button>
<ng-template
#modal
let-modal
let-c="close"
let-d="dismiss"
>
<ul
ngbNav
#nav="ngbNav"
[(activeId)]="activeTab"
class="nav-tabs"
>
<li [ngbNavItem]="1">
<a ngbNavLink>First</a>
<ng-template NgbNavContent>
<p>This is first tab</p>
</ng-template>
</li>
<li [ngbNavItem]="2">
<a ngbNavLink>Second</a>
<ng-template NgbNavContent>
<p>This is second tab</p>
</ng-template>
</li>
Все, что я хочу знать, есть ли способ узнать, как разместить вкладки начальной загрузки внутри модального загрузчика
Заранее спасибо
Комментарии:
1. Просто создайте модальный как отдельный компонент вместо
ng-template
. А затем внутри компонента вы можете добавить вкладки.2. Вы уже подумывали о том, чтобы переместить вкладки в отдельный компонент и поместить это в модальный? Мне кажется, это способ избежать ситуации «вложенного ng-шаблона».
3. спасибо , есть ли какой-нибудь другой способ выяснить это?