Ng-select multiple="true" with checkbox (blur) event 当我点击复选框时触发

Question

我试图用带有复选框的 ng-select 多个实现（模糊），所以每次我更改我的模型时，我都不会进行 api 调用。API 调用只会在 ng-select 失焦时进行。 Api 将被调用 (blur) 。但是，当我单击仅使用 ng-template 在 ng-select 中定义的复选框时，它会触发 blur 事件。我只想在模糊时发射。

<div  style="width: 100%"  tabindex="0" >

                             <ng-select #mySelect  class="custom" [style]="{'height':'10px', 'width':'100%','border':'2px'}"

                                [items]="lookup.investorKnowledgeSource.asArray"
                                [multiple]="true"
                                [closeOnSelect]="false"
                                [(ngModel)]="it.source"
                                 placeholder="Select Source Of Knowledge Product"
                                [clearable]="false"
                                (ngModelChange)="onChangeKnowledgeSource($event,it)"
                                (blur)="change.emit()"

                               >
                           <ng-template   ng-multi-label-tmp >
                              <span><b>({{it.source.length}})Selected</b></span>
                          </ng-template>

                            <ng-template ng-option-tmp let-item="item" let-item$="item$" let-index="index">
                                <input id="item-{{index}}" type="checkbox"  [ngModel]="item$.selected"  [disabled]="item.disabled"/> {{item.label}}
                            </ng-template>
                          </ng-select>

                      </div>

Answer 1

仅在下拉级别触发模糊事件 - 只有当您离开下拉焦点时才会触发模糊事件，它不特定于模型更改

您可以添加可能起作用的更改事件，或者使用来自 rxjs 的 debounce 来触发 api 调用，您可以在一段时间后指定 api 调用