Как я могу скрыть вкладку в NGB- bootstrap?

Question

Я хочу скрыть вкладку ngb. Когда я включаю вкладку ngb, вкладка заголовка появляется в заголовке моей таблицы. Есть ли способ скрыть вкладку ngb ??

import { Component, OnInit } from '@angular/core';
import {faCaretLeft} from "@fortawesome/free-solid-svg-icons";

@Component({
  selector: 'app-address-book-container',
  templateUrl: './address-book-container.component.html',
  styleUrls: ['./address-book-container.component.scss']
})
export class AddressBookContainerComponent implements OnInit {


  constructor() { }

  ngOnInit(): void {
  }

}

---

Это мой html

<div class="container mt-5 ">
    <div class="row">
      <ngb-tabset>
        <ngb-tab >
          <ng-template ngbTabContent>
            <app-address-book-table></app-address-book-table>
          </ng-template>
        </ngb-tab>
      </ngb-tabset>
    </div>
  </div>

Answer 1

Вы можете использовать оператор * ngIf, чтобы скрыть его, я объявил его как "false", но вы можете поместить переменную boolean, чтобы изменить, когда это true или false.

<div class="container mt-5">
    <div class="row">
      <ngb-tabset>
        <ngb-tab *ngIf="false">
          <ng-template ngbTabContent>
            <app-address-book-table></app-address-book-table>
          </ng-template>
        </ngb-tab>
      </ngb-tabset>
    </div>
  </div>