Ngb-tabset и динамически созданные вкладки

Я использую Angular 5.2.10 (также проверено в 5.0.2) + Bootstrap 4.1.1 (также проверено в 4.0.0) + ng-bootstrap 1.1.2 и пытаюсь заставить tab-set работать с динамически создаваемыми вкладками.

Я привязываю ngb-tab к массиву через *ngFor:

<ngb-tabset>
    <ngb-tab
      id = "tab.id"
      *ngFor = "let tab of tabs">

        <ng-template ngbTabTitle>
            <span>{{ tab.title }}</span>

            <span
                class = "close"
                (click) = "onClosiClick(tab)">
                &times;
            </span>
        </ng-template>

        <ng-template ngbTabContent>Content of {{ tab.title }}</ng-template>

    </ngb-tab>
</ngb-tabset>

Но у этого довольно простого шаблона есть 3 проблемы:

1. При добавлении нескольких вкладок их содержимое отображается одной ниже другой.
2. Невозможно переключаться между вкладками.
3. При нажатии кнопки «Закрыть» (x) в этом примере приложение перезагружается.

Вот Stackblitz. Кроме того, я создал проблема на Github.

Я что-то делаю не так или этой функции еще не хватает в ng-bootstrap?