how to handle conditional ng-class

Question

I have a html format like this , when sec.newValue is not empty I want it to be displayed bold and if its empty , I want to display as it is. so how can I achieve this using ng-class,i tried giving fontweight : bold but it doesn't work

<label class="message">
<span ng-repeat="sec in error" ng-class="{secNew?!sec.newValue }">{{sec. error}}</span>
</label>

.secNew {
 font-weight: bold;
}

{secNew: !sec.newValue}

qbsp
– qbsp

2019-07-12 16:05:54 +00:00
Commented Jul 12, 2019 at 16:05 — qbsp
– qbsp, Commented Jul 12, 2019 at 16:05
i am saying about , my font-weight : bold is not reflecting

Nicoleta Wilskon
– Nicoleta Wilskon

2019-07-12 16:22:16 +00:00
Commented Jul 12, 2019 at 16:22 — Nicoleta Wilskon
– Nicoleta Wilskon, Commented Jul 12, 2019 at 16:22

baao · Accepted Answer · 2019-07-12 16:26:44Z

2

You pass an object whose key is the class to add, and the value is the condition which, when true, makes the class to actually be attached

{secNew: sec.newValue}

will apply class secNew only if sec.newValue returns something truthy.

answered Jul 12, 2019 at 16:26

baao

73.5k18 gold badges152 silver badges209 bronze badges

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

1 Comment

DavElsanto Over a year ago

you must need a function to return true or false because it's needing when sec.newValue is not empty

Collectives™ on Stack Overflow

how to handle conditional ng-class

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related