Answer by chaika for Angular: conditional class with *ngClass
Use [ngClass] instead of *ngClass.<ol><li [ngClass]="{'active': step === 'step1'}" (click)="step='step1'">Step1</li></ol>
View ArticleAnswer by OMANSAK for Angular: conditional class with *ngClass
Some usefull helper pipes for ngClass@Pipe({ name: 'condition'})export class ONgConditionPipe implements PipeTransform { transform(value: any, condition?: any): any { if (condition != null) { return...
View ArticleAngular: conditional class with *ngClass
What is wrong with my Angular code? I am getting the following error:Cannot read property 'remove' of undefined at BrowserDomAdapter.removeClass<ol><li *ngClass="{active: step==='step1'}"...
View ArticleAnswer by Günter Zöchbauer for Angular: conditional class with *ngClass
[ngClass]=... instead of *ngClass.* is only for the shorthand syntax for structural directives where you can for example use<div *ngFor="let item of items">{{item}}</div>instead of the...
View ArticleAnswer by Thierry Templier for Angular: conditional class with *ngClass
You should use something ([ngClass] instead of *ngClass) like that:<ol class="breadcrumb"><li [ngClass]="{active: step==='step1'}" (click)="step='step1; '">Step1</li> (...)
View ArticleAnswer by Joel Almeida for Angular: conditional class with *ngClass
Another solution would be using [class.active].Example :<ol class="breadcrumb"><li [class.active]="step=='step1'" (click)="step='step1'">Step1</li></ol>
View ArticleAnswer by MostafaMashayekhi for Angular: conditional class with *ngClass
Angular version 2+ provides several ways to add classes conditionally:type one [class.my_class] = "step === 'step1'"type two [ngClass]="{'my_class': step === 'step1'}"and multiple option:...
View ArticleAnswer by Alireza for Angular: conditional class with *ngClass
That's the normal structure for ngClass is:[ngClass]="{'classname' : condition}"So in your case, just use it like this...<ol class="breadcrumb"><li [ngClass]="{'active': step==='step1'}"...
View ArticleAnswer by Jameel Moideen for Angular: conditional class with *ngClass
You can use ngClass to apply the class name both conditionally and not in AngularFor Example [ngClass]="'someClass'">Conditional[ngClass]="{'someClass': property1.isValid}">Multiple Condition...
View ArticleAnswer by Sarvar Nishonboyev for Angular: conditional class with *ngClass
While I was creating a reactive form, I had to assign 2 types of class on the button. This is how I did it:<button type="submit" class="btn"...
View ArticleAnswer by Ninad Kulkarni for Angular: conditional class with *ngClass
This is what worked for me:[ngClass]="{'active': dashboardComponent.selected_menu == 'profile'}"
View ArticleAnswer by Robert Leeuwerink for Angular: conditional class with *ngClass
to extend MostafaMashayekhi his answer for option two>you can also chain multiple options with a ','[ngClass]="{'my-class': step=='step1', 'my-class2':step=='step2' }"Also *ngIf can be used in some...
View ArticleAnswer by Chaitanya Nekkalapudi for Angular: conditional class with *ngClass
with the following examples you can use 'IF ELSE'<p class="{{condition ? 'checkedClass' : 'uncheckedClass'}}"><p [ngClass]="condition ? 'checkedClass' : 'uncheckedClass'"><p...
View ArticleAnswer by Rohit.007 for Angular: conditional class with *ngClass
In Angular 7.XThe CSS classes are updated as follows, depending on the type of the expression evaluation:string - the CSS classes listed in the string (space delimited) are addedArray - the CSS classes...
View ArticleAnswer by Abdus Salam Azad for Angular: conditional class with *ngClass
Let, YourCondition is your condition or a boolean property, then do like this[class.yourClass]="YourCondition"
View ArticleAnswer by Chirag for Angular: conditional class with *ngClass
ngClass syntax:[ngClass]="{'classname' : conditionFlag}"You can use like this: <ol class="breadcrumb"><li [ngClass]="{'active': step==='step1'}"...
View ArticleAnswer by Hamza Khanzada for Angular: conditional class with *ngClass
Not relevant with [ngClass] directive but I was also getting the same error asCannot read property 'remove' of undefined at...and I thought to be the error in my [ngClass] condition but it turned out...
View ArticleAnswer by Alper BULUT for Angular: conditional class with *ngClass
Additionally, you can add with method function:In HTML<div [ngClass]="setClasses()">...</div>In component.ts// Set Dynamic Classes setClasses() { let classes = { constantClass:...
View ArticleAnswer by amarbhanu for Angular: conditional class with *ngClass
<div class="collapse in " [ngClass]="(active_tab=='assignservice' || active_tab=='manage')?'show':''" id="collapseExampleOrganization" aria-expanded="true" style=""><ul> <li...
View ArticleAnswer by Waleed Shahzaib for Angular: conditional class with *ngClass
You can use [ngClass] or [class.classname], both will work the same.[class.my-class]="step==='step1'" OR[ngClass]="{'my-class': step=='step1'}"Both will work the same!
View Article
![ONEW – KAKERA -Unmei no Piece- – EP [iTunes Plus M4A]](http://is1-ssl.mzstatic.com/image/thumb/Music221/v4/d0/fb/86/d0fb86a5-ba60-4bea-41fb-7f54c125f518/VEATP-45908.jpg/296x296bb.webp)
/pic9814888.png)
