防止ng2引导选项卡上的默认值选择angular2

我有一组选项卡，每个选项卡列出了一些项目。我想确保当用户在一个选项卡中选择了某些内容并试图移动到另一个选项卡时，会收到警告。因此，我希望在所选选项卡激活之前弹出警告。我目前正在使用ng2引导标签。我希望取消选择事件，并且在用户对警告进行操作之前，不要让新选择的选项卡处于活动状态

---

蒂亚

您可以声明自定义标题并使用

event.stopPropagation

取消选择事件

template.html

<tabset>
  <tab heading='Tab 1'>Tab 1 content</tab>
  <tab>
    <template tabHeading>
      <div (click)="tryToSwitch($event)">
        Tab 2
      </div>
    </template>
    Tab 2 content
  </tab>
</tabset>

---

您的意思是

ngx引导程序

？这并不能完全解决问题。我应该能够处理标签标题上的任何地方，而不仅仅是标题文本。单击“选项卡2”文本周围的区域（在选项卡标题区域中）。这并不能阻止事件的发生。我将自定义类添加到此选项卡并应用了一些样式

tryToSwitch(e) {
  let result = confirm('Are you sure?');
  if(!result) {
    e.stopPropagation();
  }
}