Angular 如何限制（控制）ngx引导动态选项卡的选项卡数量2+

我正在使用ngx引导的动态选项卡

我的UI流：

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

第2步：-单击策略打开类别

第三步：点击类别打开子类别

步骤4：单击类别打开ngx引导动态选项卡

这是我的stackblitz示例

问题：-

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

有没有办法限制标签的数量？？

---

有人能帮我吗

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

更新的stackblitz示例：

您可以使用ngx引导的警报组件，而不是浏览器警报，以获得更好的用户体验：

在addNewTab方法的开头，检查this.tabs.length是否等于10。如果是，则显示一些警报或消息并返回。

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