python (65.1k questions)

javascript (44.2k questions)

reactjs (22.7k questions)

java (20.8k questions)

c# (17.4k questions)

html (16.3k questions)

r (13.7k questions)

android (12.9k questions)

Questions - angular-ng-class

Angular ngClass conditional class working correctly but app fails on build

I want to add an "active" class when I click on a certain tab using the pug code a.nav-link([class.active]="view === 'profile'", (click)="changeView('profile')") Profile ...
test-img

Tim Chosen

angular

ng-class

angular-ng-class

Votes: 0

Answers: 0

Angular6 Can't use ternary operator in ngClass with multiple entries

I'm trying to add multiple classes by ngClass, and I'm confused as to why I can't use ternary operator here. <div [ngClass]="{'otherClass': otherFlag, classFlag ? 'class--true': 'class--false'...
test-img

dabrowawojciech64

angular

angular6

angular-ng-class

Votes: 0

Answers: 2

Latest Answer

You can't use ternary operator this way because the value of ngClass is a JavaScript object and your class name is used as a key of the object. The ternary operator can only be used for values, not fo...
test-img

Bryan BERGER

angular - how to combine few ngclass together in one div

I would like to combine multiple ngClass if else statement together, I have tried but not able to resolve it. <div [ngClass]="[tabItem === 'unavailable' ? 'background-grey' : selected ? '...
test-img

user7046311

typescript

angular9

ng-class

angularjs-ng-class

angular-ng-class

Votes: 0

Answers: 1

Latest Answer

I'm finally able to resolve the issue by using this method <div [ngClass]="{'banner': !!alerts?.length, 'no-banner' : !alerts?.length, 'background-grey': tabItem === 'unavailable', 'cursor': t...
test-img

user7046311

Posts

Questions

Blogs

Jobs