angular class code example
Example 1: Angular 8 ngClass If
[ngClass]="{'my-class': step=='step1'}"
Example 2: ng class
[ngClass]="{'text-success':person.country === 'UK'}"
Example 3: angular ngclass
content_copy
<some-element [ngClass]="'first second'">...</some-element>
<some-element [ngClass]="['first', 'second']">...</some-element>
<some-element [ngClass]="{'first': true, 'second': true, 'third': false}">...</some-element>
<some-element [ngClass]="stringExp|arrayExp|objExp">...</some-element>
<some-element [ngClass]="{'class1 class2 class3' : true}">...</some-element>
Example 4: create class angular
// to create a model class, we first need to create a new file
//f.e person.ts
export class Person {
constructor(
public name: string,
public lastName: string,
public age:number
) {}
}
//now that we have the model class we can create arrays that contain Person class elements
.
.
public people: Person[];
constructor(){
this.people = [
new Person ('Carla','Smith', 20 ),
new Person ('Carlos','Smith', 25 ),
new Person ('Andrea','Johnson', 23 ),
];
}
Example 5: Angular 8 ngClass If
[ngClass]="{1:'my-class1',2:'my-class2',3:'my-class4'}[step]"
Example 6: ng class project
ngDoCheck()