Primeng множественный выбор отображает выбранные значения, разделенные специальным символом, чем запятая по умолчанию

Question

Я использую primeng с угловым 7. По умолчанию компонент множественного выбора отображает выбранное значение через запятую. Мне нужно это для отображения значений, разделенных #.

        <p-multiSelect formControlName="selectedLayers"
                       [options]="layerList"
                       [id]="'selectedLayers'"
                       [selectedItemsLabel]="'{0} layers selected'">
        </p-multiSelect>

        ngOnInit(): void {
            this.groupLayerForm = this.formBuilder.group({
            selectedLayers: [[], [
                ArrayValidator.minLengthArray(1)
            ]]
        }

Answer 1

Вы можете использовать параметры шаблонов, которые primeng multiSelect имеет с pTemplate="selectedItems":

   <p-multiSelect formControlName="selectedLayers"
                       [options]="layerList"
                       [id]="'selectedLayers'"
                       [selectedItemsLabel]="'{0} layers selected'">
            <ng-template let-selectedLayers pTemplate="selectedItems">
               <ng-container *ngFor="let selectedLayer of selectedLayers;">{{selectedLayer}}#
               </ng-container>
            </ng-template>
        </p-multiSelect>

Более подробная информация на официальной странице primeng в разделе шаблонов: https://www.primefaces.org/primeng/#/multiselect