Im trying to display the selected values from an ionic select with one per line instead of comma separated.
I’ve tried setting css classes and using white-space: pre-wrap but nothing seems to work
HTML
<ion-label padding class="dropdown-row" *ngIf="ready == true">
Work Performed
<ion-select multiple="" class="wpSelect"
formControlName="workPerformed"
[(ngModel)]="repairCodeSelect">
<ion-option *ngFor="let item of repairCodes" [value]="item.repair_code" class="wpSelect">
{{item.repair_code}}<br/> \n ahh
</ion-option>
</ion-select>
</ion-label>
CSS
.dropdown-row {
border-color: green;
border-top-style: outset;
display: grid;
}
.wpSelect {
white-space:pre-wrap;
line-break: anywhere;
color: green;
}