Как ограничить (контролировать) количество вкладок ngx- bootstrap dynamici c tabs- angular 2+ - PullRequest
Новая
       8

Как ограничить (контролировать) количество вкладок ngx- bootstrap dynamici c tabs- angular 2+

0 голосов
/ 19 февраля 2020

Я использую вкладки Dynami c, используя ngx- bootstrap,

Мой поток пользовательского интерфейса:

step1 : - Необходимо использовать древовидную таблицу, которая содержит политику, категорию и подкатегорию.

step2 : - при нажатии на кнопку Policy открывается категория.

step3 : при нажатии на категорию открывается подкатегория.

step4 : при нажатии на категории открывается вкладка ngx- bootstrap dynamici c.

Вот мой пример стекаблиц

https://stackblitz.com/edit/angular-hdw4fh?file=src%2Fapp%2Fapp.component.html

Проблема : -

Я должен ограничить вкладки управления. Это означает, что я должен открыть вкладки до 10 (не более 10). Но в этом случае открытие вкладок происходит неограниченно.

Есть ли способ ограничить количество вкладок ?? Кто-нибудь может мне помочь??

1 Ответ

1 голос
/ 19 февраля 2020

Добавьте приведенный ниже код в начало addNewTab: 

if (this.tabs.length == 10) {
  alert("Max 10 tabs");
  return;
}

Обновленный образец стекаблица: https://stackblitz.com/edit/angular-homrum?file=src / app / app.component.ts

Вместо браузера alert вы можете использовать компонент оповещения ngx-bootstrap для улучшения взаимодействия с пользователем: https://valor-software.com/ngx-bootstrap/# / оповещения

...