如何限制(控制)ngx bootstrap动态选项卡角度2+的选项卡数量

Question

我正在使用动态选项卡，使用ngx bootstrap，

我的UI流：

步骤1：-必须使用包含策略、类别和子类别的树表。

步骤2：-单击"策略"打开类别。

步骤3：点击类别打开子类别。

步骤4：点击类别打开ngx引导程序动态选项卡。

这是我的stackblitz示例

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

问题：-

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

有没有办法限制标签的数量？？有人能帮我吗？？

Answer 1

将以下代码添加到addNewTab:的开头

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

更新的stackblitz示例：
https://stackblitz.com/edit/angular-homrum?file=src/app/app.component.ts

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