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

Question

我有一个 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 是选定的 object。当使用 ng-select 选择 productGroupTags 中的一项时，它有效，但在从外部设置 selectedProductGroup 时不起作用，例如：

this.selectedProductGroup = this.productGroupTags[0];

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

知道为什么这行不通吗？

谢谢！

Answer 1

好吧，原来我忘了导入 FormsModule。 没有这个，ngModel 就无法工作，但它也不会抛出错误。

Answer 2

默认情况下，ng-select 绑定到默认的 label 属性进行显示，并保留整个 object 作为选择值

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

Answer 3

我有同样的问题，如果你在 ngForm 中使用 ng-select，你应该添加属性 name="yourSelect"：

<ng-select
....
name="name2"
.... >