Angular ng-select：如何使 ng-option 不可选择？

Question

这可能是一件容易解决的事情，但我无法自己实现我想要的。 所以让我们来解决这个问题 - 我添加了一个选项，让我可以为我的选项列表添加另一个选项，它看起来像这样：

问题是当我单击文本输入时，即使我使用stopPropagation和preventDefault ，它也只是选择它：

这就是我的组件的样子：

<ng-select
  class="ng-select-dropdown-width"
  bindLabel="Label"
  bindValue="Label"
  appendTo="body"
  dropdownPosition="bottom"
  [placeholder]="fieldAttributes?.List?.Placeholder"
  [multiple]="fieldAttributes?.List?.AllowUserMultiSelect"
  [(ngModel)]="value"
  (ngModelChange)="writeValue($event)">
  <ng-option >
    <div class="form-control">
      <div class="row add-item-control">
        <input type="text"
               class="col-10"
               placeholder="Add option"
               [(ngModel)]="addInputOption"
               [ngModelOptions]="{standalone: true}"
               (focusout)="addInputOption=''"
               (click)="addOption($event)"
               (keydown)="saveOption($event)"/>
        <div *ngIf="addInputOption.length"
             class="col cc-grey-400-txt">{{'diaries.components.addItem' | translate}}</div>
      </div>
    </div>
  </ng-option>
  <ng-option *ngFor="let option of filteredPickList | async" [value]="option.Label">
    {{option.Label}}
  </ng-option>
</ng-select>

以及处理add输入的方法：

  addOption(event) {
    event.stopPropagation();
    event.preventDefault();
  }

  saveOption(event) {
    if (event.keyCode === 13 || event.keyCode === 32) {
      event.stopPropagation();
      if (event.keyCode === 13) {
        this.isPickListUpdated = true;
        this.store.dispatch(new Loading('shared.saving'));
        this.componentsApiService.addPicklistItem(this.fieldAttributes.List.ID, this.addInputOption)
          .pipe(
            finalize(() => {
              this.store.dispatch(new StopLoading('shared.saving'));
            }),
            takeUntil(this.componentDestroyed$))
          .subscribe(result => {
            this.filteredPickList.next(result.PickListItems);
            this.updateItemsList(this.fieldAttributes.List.ID, result.PickListItems);
            this.value = this.addInputOption;
            this.addInputOption = '';
          }, ({error}) => {
            this.snackBarService.error(error.message);
          });
      }
    }
  }

  private updateItemsList(listID: string, updatedList: PickListItem[]) {
    for (const field of this.component.Schema) {
      if (field.Attributes.List && field.Attributes.List.ID === listID) {
        field.Attributes.List.PickListItems = updatedList;
      }
    }
  }

EDIT1：也许问题是 ng-select 不在 DOM 中，但我不知道如何处理这种情况：

EDIT2：将<ng-option>设置为禁用使我能够在输入中键入文本，但它不会触发任何事件，因此例如我无法处理 keydown ..