时间戳

首页 > 解决方案 > Angular ng-select ngModel 更改但 ng-select 未更新

javascript - Angular ng-select ngModel 更改但 ng-select 未更新

问题描述

我有一个看起来像这样的 ng-select：

<ng-select
        class="minimal"
        [items]="productGroupTags"
        [(ngModel)]="selectedProductGroup">
        <ng-template ng-option-tmp let-item="item">
          {{ item.nameI18n | multilanguagePipe }}
        </ng-template>
        <ng-template ng-label-tmp let-item="item">
          {{ item.nameI18n | multilanguagePipe }}
        </ng-template>
      </ng-select>

其中 productGroupTags 是对象数组， selectedProductGroup 是选定对象。它在使用 ng-select 选择 productGroupTags 中的一项时有效，但在从外部设置 selectedProductGroup 时不起作用，例如：

this.selectedProductGroup = this.productGroupTags[0];

我正在运行 angular 11.2.3 和 ng-select 6.1

知道为什么这不起作用吗？

谢谢！

标签： javascriptangulardata-bindingangular-ngselect

解决方案

默认情况下，ng-select 绑定到默认标签属性以进行显示，并将整个对象保持为选定值

请检查您是否将对象绑定到 ngModel，如果是，请检查其类型是否正确。

推荐阅读