Question

我试图通过复选框使用ng-select multiple实现（模糊），因此每次更改模型时，我都不会进行api调用。仅当ng-select不在焦点时才进行API调用。 Api将被调用（模糊）。但是，当我单击仅在使用ng-template的ng-select中定义的复选框时，它将触发模糊事件。我只想在模糊时发光。

<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中的反跳来触发api调用，您可以在一段时间后指定api调用

当我单击复选框时，会触发Ng-select Multiple =“ true” with checkbox（blur）事件

1 个答案: