angular - 如何在 Angular Bootstrap 模式中使用 Angular Bootstrap 选项卡

Question

我正在尝试将 Angular bootstrap Tab 放置在 Angular bootstrap Modal 中，问题是，Angular 不允许在 ng-template 中呈现 ng-template，因此 Angular bootstrap 选项卡内容不会显示在 Angular bootstrap 选项卡中。

这是模式和选项卡的代码

<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>

我只想知道是否有办法找出将引导选项卡放置在引导模式中

提前致谢

标签： angularbootstrap-modalangular-bootstrapbootstrap-tabs