Angular6下拉链接

时间:2019-05-16 12:34:15

标签: typescript angular6

在我创建的应用程序中,我链接了多个下拉菜单:我有一个国家/地区,当用户选择该国家/地区时,将使用该国家/地区的区域启用下拉菜单。

我现在将此选择包含在我的源代码中:https://github.com/ng-select/ng-select是一个好方法,因为我正在使用该应有的性能问题。我有近10000行,使用常规选择时,这些选项会降低性能,使用户体验差,所以我使用它是因为virtualScrolling。

此控件具有[change]功能,可让我实现一个功能,该功能可以在选择更改时做出一些改变。

但是没有任何方法可以创建一种方法来检测何时更改了选择内容,从而迫使子控件检索数据。

<ng-select [searchable]="true"
      [clearOnBackspace]="true"
      [closeOnSelect]="true"
      [virtualScroll]="true"
      id="{{field_id }}"
      name="{{ field_name }}"
      [(ngModel)]="entity"
      (change)="onChange()"
    >
      <ng-container *ngFor="let item of items">
        <ng-option          
          [value]="item.value"
          >{{ item.text }}</ng-option
        >
      </ng-container>
    </ng-select>

//In the server I've tryied to bind on change [that works when I use regular select] for load the chained select, but this event never is raised. 
///This code is in the child dropdown
$('#' + this.id_parent_select).bind("change",() => {
        this.loadChainedSelect();
      });

我想知道是否有人知道如何将更改方法替换为loadChainedSelect方法的更改方法。

非常感谢。

0 个答案:

没有答案