angular - 使用多个 NG Bootstrap 日期选择器时混淆按钮焦点

Question

我将 Angular 8 与 NG Bootstrap 一起使用.

当我在一个表单中有多个 NG Bootstrap 日期选择器并在日期选择器按钮之间单击而不选择任何日期时，按钮焦点似乎跳到之前单击的日期选择器按钮(StackBlitz editor 和 app)。

这不是什么大问题，但是有什么办法可以防止这种情况发生吗？

我的代码:

<input [(ngModel)]="a" ngbDatepicker #d1="ngbDatepicker">
<button (click)="d1.toggle()" type="button">Datepicker</button>

<input [(ngModel)]="b" ngbDatepicker #d2="ngbDatepicker">
<button (click)="d2.toggle()" type="button">Datepicker</button>

<input [(ngModel)]="c" ngbDatepicker #d3="ngbDatepicker">
<button (click)="d3.toggle()" type="button">Datepicker</button>

Answer 1

我看到这个 bug reported还有 the pr修复它