DevExtreme标签盒中如何做双向数据绑定

Question

我在我的项目中使用 DevExtreme。我想在 dx-tag-box 中进行双向数据绑定。我使用以下语法。但是它抛出一个错误，有人可以帮忙吗。

<dx-tag-box [items]="sampleProducts" [(ngModel)]="[sampleProducts[0]]"></dx-tag-box>

Answer 1

对于你的情况，我建议你使用 value 选项而不是 ngModel:

<dx-tag-box
    [items]="simpleProducts"
    [(value)]="values"
</dx-tag-box>

不要忘记在 component.ts 文件中设置 values 数组：

export class AppComponent {
    simpleProducts: string[];
    //...
    constructor(service: Service) {
        //...
        this.simpleProducts = service.getSimpleProducts();
        this.values = [this.simpleProducts[0]];
    }
}

DevExtreme标签盒中如何做双向数据绑定

How to do two-way data binding in DevExtreme tag box

two-way

devextreme

angular