我正在用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入门
我也根据文档尝试了“数据键”,但仍然无法获得理想的结果。
我想将选项与除“值”以外的任何其他键绑定,然后在选择一个选项时,它应该是唯一且唯一的选项。