如何在Valor ngx-bootstrap标签标题中创建一个复选框？

Question

我试图在Tab-heading元素中创建一个复选框。元素被创建了，但复选框（cick）从未被调用，但Tab被改变了。

请看 https:/stackblitz.comeditangular-gsaf63?file=src%2Fapp%2Fapp.component.html。 来进行演示（演示可以使用，但没有显示正确的CSS。请看控制台的输出）。)

我的问题是：如何在标题内实现一个复选框，但点击复选框时不改变标签。

谢谢您的帮助

Answer 1

尝试使用 click 事件和停止事件传播

组件.html

<input type="checkbox" [(ngModel)]="isChecked[i]" 
(ngModelChange)="onSelectResult(entry)" 
(click)="onCheckboxChanged($event)" />  <!--  <===== add this -->

组件.ts

onCheckboxChanged(evt)
{
 evt.stopPropagation();
}

修改后的stackblitz