/TypeScript/Add class to element angular in ts

Add class to element angular in ts

Angualr add class to component

@Component({
   selector: 'app-your-component',
   templateUrl: './your-component.component.html',,
   host: {'class': 'your-class'}
})
export class YourComponent implements OnInit {
...
}

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'"

Source: stackoverflow.com

Similar codes

1 vote170 views1 answer
Check if document exists mongodb python
TypeScript
0 vote173 views1 answer
How to calculate distance between 2 points in knex postgis
TypeScript
18 votes244 views3 answers
ReferenceError: fetch is not defined
TypeScript
0 vote181 views1 answer
The Apple I had a built-in video terminal, sockets for __________ kilobytes of onboard random access memory (RAM), a keyboard, and a cassette board meant to work with regular cassette recorders.
TypeScript
1 vote185 views1 answer
Ts remainder of Division
TypeScript
3 votes178 views1 answer
Checking if a substring exists in a string r
TypeScript
0 vote168 views1 answer
Hsbc uk
TypeScript
0 vote181 views3 answers
Woocommerce remove This is where you can add new products to your store in taxonomy description
TypeScript
7 votes167 views5 answers
Running scripts is disabled on this system vscode
TypeScript
0 vote185 views1 answer
// running tests Your code should no longer have a p tag around the text asking what level ninja a user is. // tests completed category:423
TypeScript