How to add style after add element in array?

Question

I have this in html :

  <ul class="operators">
            <li>Operators: </li>
            <li *ngFor="let operator of operators" [ngClass]="{'bold' :uS.getUserCode() == operator }"><i
                class="fa fa-at"></i>
              {{userService.getName(operator)}}</li>
          </ul>

On enter i insert in array opertaros new operator.

But i want to check if uS.getUserCode() == operator to add class 'bold'. uS.getUserCode() is a @Injectable() service that is loaded on start of app and i imported it in constructor.

Any suggestion how can i achive this?

What is operator? Also did you mean === instead of ==? — Nicholas K
– Nicholas K, Commented Jun 25, 2019 at 9:31

Nikola Stekovic · Accepted Answer · 2019-06-25 09:34:07Z

2

Make sure that uSis injected as public in constructor as

constructor(public uS: UsService) {}

this will let us us uS in view so you can check your condition in ngFor.

[ngClass]="{'bold': uS.getUserCode() === operator}"

i assume getUserCode() returns objects and you're comparing it to operator. It is suggested to be compared by some property in order to return true or false instead of comparing objects like this.

answered Jun 25, 2019 at 9:34

Nikola Stekovic

6453 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to add style after add element in array?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related