Question

我正在使用ng2-select下拉菜单库。我希望能够绑定到所选数据，并在以后将其设置为“活动”值。

例如，假设我有一个名为Car的模型对象。

export class Car { 
  public id: number;
}

然后在我的模板中，说我有类似的东西：

<ng-select [multiple]="false" [active]="myCar.id" (selected)="myCar.id = $event" [items]="[{id: '1', text: 'Car 1'}, {id: '2', text: 'Car 2'}]"></ng-select>

这会在更改检测周期中导致无限循环。我不知道如何解决这个问题。最终目标是基本上“记住”用户选择的内容，然后将其序列化为JSON，然后当我稍后将存储的值传回时，下拉菜单会自动选择该值......

Answer 1

最重要的是，在代码中修复此问题：

已选择返回一个对象{id：...，text：...}
有效想要一个对象数组[{id：...，text：...}]
您的汽车类型在数字类型中有ID，但您的字符串类型为id

试试这个：

<ng-select [multiple]="false" [active]="[myCar]" (selected)="myCar = $event" [items]="[{id: 1, text: 'Car 1'}, {id: 2, text: 'Car 2'}]"></ng-select>

可以在此处找到完整的API：https://valor-software.com/ng2-select/

绑定到ng2选择有效值

1 个答案: