p-multiselect是PrimeNG UI框架中的一个多选框组件。optionValue属性用于指定用作每个选项的值项的表达式。例如,如果我们需要绑定一个由对象组成的数组并想要返回所选对象的特定属性,则可以指定这个属性作为optionValue。以下是示例代码:
HTML代码:
TypeScript代码:
export class AppComponent {
cars = [
{id: 1, brand: 'BMW'},
{id: 2, brand: 'Mercedes'},
{id: 3, brand: 'Audi'},
{id: 4, brand: 'Volvo'}
];
selectedCars: any[];
}
在这个例子中,我们使用optionValue属性来指定每个选项的“id”属性作为其值,而不是整个对象。这将在选择车辆时返回一个包含所选车辆ID的数组。