Есть ли способ добавить разделитель или разделитель в набор значений PrimeNG P-выпадающего списка? ⇐ Html

[Anonymous]

Я использую раскрывающийся список Angular P, данные будут заполняться из базы данных,
Мне нужно будет добавить разделитель после каждого набора ключей.
т.е./

• добавить разделитель после последнего значения гендерного ключа
• добавить разделитель после последнего значения группового ключа

Код: Выделить всё

            (ngModelChange)="triggerOption($event)" dropdownIcon="icons-down">

Код: Выделить всё

//dynamic value from db
var ab =  [
{ label: "group 3", value: { key: 'group', value: '3' } },
{ label: "Female", value: { key: 'gender', value: 'F' } },
{ label: "New", value: { key: 'action', value: "New Action" } },
{ label: "group 1", value: { key: 'group', value: '1' } },
{ label: "group 2", value: { key: 'group', value: '2' } },
{ label: "Male", value: { key: 'gender', value: "Male" } },
{ label: "Old", value: { key: 'action', value: "Old" } },
{ label: "Not required", value: { key: 'action', value: "ACnotReq" } },

];

var newGenderArray = ab.filter(type  => {
return type.value.key == 'gender';
});
var newGroupArray =ab.filter(type => {
return type.value.key == 'group';
})
...,// logic
var  optionsArray = newGenderArray.concat(newGroupArray);
console.log("optionsArray:", optionsArray);

попробовал следующий CSS статическим способом, он нужен был динамическим, поскольку значения поступают из базы данных, счетчик изменяется.

Код: Выделить всё

.ui-dropdown-items li:nth-child(3), .ui-dropdown-items li:nth-child(8) {
border-bottom: 1px solid #dbdbdb;
...
}

Ожидаемый результат:



Подробнее здесь: https://stackoverflow.com/questions/668 ... -value-set