CODEWITHSUNDEEP
angular
Alma
Alma

Reputation: 4410

I need to have a space and comma in State dropdown value in Angular

I have this dropdown in Angular 9, but when the State is more that one, I don't have space between, it shows like:

    Licensed State:ARCA

    I need like: AR, CA

this is my code:

             <ng-container *ngIf="realEstateAgent.licenseNumbers?.length < 3 else stateCount">
                <span *ngFor="let license of realEstateAgent.licenseNumbers;"
                    class="directory-card__state">{{ license.state | uppercase }}</span>
            </ng-container>

Upvotes: 0

Views: 78

Answers (1)

kraa
kraa

Reputation: 56

use following code

<ng-container *ngIf="realEstateAgent.licenseNumbers?.length < 3 else stateCount">
                <span *ngFor="let license of realEstateAgent.licenseNumbers; let i=index;"
                    class="directory-card__state"> {{ license.state | uppercase }}<ng-container *ngIf="i< realEstateAgent.licenseNumbers.length-1">,</ng-container>
                    </span>
            </ng-container>

Stack blitz demo: https://stackblitz.com/edit/angular-ivy-al9toi

Upvotes: 1

Related Questions