如何限制（控制）ngx-bootstrap dynamic tabs-angular 2+的标签数量

Question

我正在使用 ngx-bootstrap,

的动态标签

我的UI流量：

step1:- 必须使用包含策略、类别和子类别的树 table。

第 2 步：- 点击政策打开类别。

第 3 步: 点击类别打开子类别。

step4: 点击类别打开 ngx-bootstrap 动态标签。

这是我的 stackblitz 示例

问题:-

我必须限制选项卡控件。这意味着我必须打开最多 10 个选项卡（不超过 10 个）。但在这种情况下，打开的选项卡是无限的。

有什么办法可以限制标签的数量吗？？有谁能够帮助我？？

Answer 1

将以下代码添加到 addNewTab:

的开头

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

您可以使用 ngx-bootstrap 的警报组件代替浏览器 alert，以获得更好的用户体验：
https://valor-software.com/ngx-bootstrap/#/alerts

How to limit(control) the number of tabs of ngx-bootstrap dynamic tabs-angular 2+