Answers for "how to add class to an element in angular"

1

angualr add class to component

@Component({
   selector: 'app-your-component',
   templateUrl: './your-component.component.html',,
   host: {'class': 'your-class'}
})
export class YourComponent implements OnInit {
...
}
Posted by: Guest on January-19-2021
2

ng class multiple class names

<!-- notice expression1 used twice -->
<div ng-class="{class1 : expression1, class2 : expression1}">
    Hello World!
</div>
Posted by: Guest on May-21-2020
0

add class to element angular in ts

type one

[class.my-class]="step === 'step1'"
type two

[ngClass]="{'my-class': step === 'step1'}"
and multiple option:

[ngClass]="{'my-class': step === 'step1', 'my-class2':step === 'step2' }"
type three

[ngClass]="{1:'my-class1',2:'my-class2',3:'my-class4'}[step]"
type four

[ngClass]="(step=='step1')?'my-class1':'my-class2'"
Posted by: Guest on March-05-2021
-1

angular bind to class or ngClass

<div [ngClass]="{'extra-sparkle': isDelightful}">
Posted by: Guest on October-29-2020

Code answers related to "how to add class to an element in angular"

Browse Popular Code Answers by Language