Angularjs выпадающая группировка

Question

Как мне сгруппировать выпадающие значения в Angularjs?

HTML:

<div ng-model="tsInput" id="tsInput"
    name="tsInput" multi-select input-model="atsInDB"
    output-model="atsOut" button-label="shortenedName"
    item-label="shortenedName" tick-property="ticked" max-height="500px"
    selection-mode="single" max-labels="0" orientation="vertical"
    default-label="{{'MUSELECTED'|translate}}" helper-elements="filter"
    on-item-click="updateProfileList()"
    on-enter="handleInput(labelFilter)"
    group-property="categoryName">
</div>

Код JS

tsInput = 
SkillNotInProfile: true
categoryName: "Others"
categoryUUID: ""
description: "Test description"
name: "CSV"
shortenedName: "<span title="Comma-separated values (CSV)">Others : CSV</span>"

Я ожидаю, что сгруппированные выпадающие значения, такие как https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_optgroup Обратите внимание, что приведенная выше ссылка просто выводитсятолько для справки.