在JSON中绑定不带“值”的选项

时间:2019-04-08 07:03:42

标签: javascript angular5 primeng

我正在用javascript Angular5实现primeng多选。当我从多选下拉列表中选择选项时,所有选项都将被选中。

<p-multiSelect [options]="options" appendTo="body" [maxSelectedLabels]="2" [defaultLabel]="defaultLabel"></p-multiSelect>

options: Array<any> = [
    { name: "Options1", label: "Options1", type: "string", selected: true, id: 1 },
    { name: "Options2", label: "Options2", type: "number", selected: false, id: 2 },
    { name: "Options3", label: "Options3", type: "boolean", selected: false, id: 3 },
    { name: "Options6", label: "Options6", type: "number", selected: false, id: 4 },
    { name: "Options7", label: "Options7", type: "ddn", selected: false, id: 5 },
    { name: "Options8", label: "Options8", type: "date", selected: false , id: 6}
];

当我在json中使用'value'时,该功能运行良好。但是,这是一个限制。

'MultiSelect需要绑定的值和选项的集合。如何定义options属性有两种选择:一种方法是提供SelectItem实例的集合,而另一种方法是提供任意对象的数组以及optionLabel属性,以指定选项的字段名称。 SelectItem API旨在对选项的显示方式进行更多控制,例如分组和禁用,但是在大多数情况下,任意对象集合就足够了。下面的示例演示了这两种情况。'

这是用Primeng文档编写的,用于Multiselect入门

我也根据文档尝试了“数据键”,但仍然无法获得理想的结果。

我想将选项与除“值”以外的任何其他键绑定,然后在选择一个选项时,它应该是唯一且唯一的选项。

0 个答案:

没有答案