Code: Select all
{
label: 'Germany',
items: [
{label: 'Audi', value: 'Audi'},
{label: 'BMW', value: 'BMW'},
{label: 'Mercedes', value: 'Mercedes'}
]
},
{
label: 'USA',
items: [
{label: 'Cadillac', value: 'Cadillac'},
{label: 'Ford', value: 'Ford'},
{label: 'GMC', value: 'GMC'}
]
},
{
label: 'Japan',
items: [
{label: 'Honda', value: 'Honda'},
{label: 'Mazda', value: 'Mazda'},
{label: 'Toyota', value: 'Toyota'}
]
}
];
//with p-dropdown work as i want cause i use the option [group]= true
<p-dropdown [options]="groupedCars" [(ngModel)]="selectedCar" placeholder="Select a Car" [group]="true"></p-dropdown>;
//but with p-multiSelect the option [group] doesn't exist :
<p-multiSelect [options]="groupedCars" [(ngModel)]="selectedCar" optionLabel="label"></p-multiSelect>;
html