почему битовые поля для совпадающих типов данных имеют меньше в размере по сравнению с битовыми полями для типов данных соединения

Нет простого способа реализовать это непосредственно в Primeng. Но вы должны сделать трюк для этого. Возможно, это будет не лучшим решением, но оно послужит вашей цели. Это только обходной путь.

Возьмем для примера кнопку радио Primeng.

Я добавил пользовательский класс customeRadio в html, а также добавил тег <a> в том же качестве, что и значение параметра.

<div class="ui-g-12 customeRadio">
    <p-radioButton name="group1" value="Option 1" label="Option 1" [(ngModel)]="val1" inputId="opt1">
    </p-radioButton><a href="">Option 1</a>
  </div>
  <div class="ui-g-12 customeRadio">
    <p-radioButton name="group1" value="Option 2" label="Option 2" [(ngModel)]="val1" inputId="opt2">
    </p-radioButton><a href="">Option 2</a>
  </div>
  <div class="ui-g-12 customeRadio">
    <p-radioButton name="group1" value="Option 3" label="Option 3" [(ngModel)]="val1" inputId="opt3">
    </p-radioButton><a href="">Option 2</a>
  </div>

Теперь в файле styles.css или в том месте, где вы хотите написать CSS для него.

Просто скрыть все содержимое метки, используя свойство селектора css:

.customeRadio label{
    display:none;
}

Вот и все!