Как использовать вкладку Угловой начальной загрузки внутри модального углового начальной загрузки

#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. спасибо , есть ли какой-нибудь другой способ выяснить это?