如何在DevExtreme标记框中进行双向数据绑定

时间:2017-04-10 09:40:43

标签: angular devextreme two-way

我在我的项目中使用DevExtreme。我想在dx-tag-box中进行双向数据绑定。我用下面的语法。但它会引发错误,有人可以提供帮助。

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

1 个答案:

答案 0 :(得分:0)

在您的情况下,我建议您使用value选项而不是ngModel

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

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

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