angular dynamic class
<button
*ngFor="let button of buttons"
class="general"
(click)="ChangeScreen(button.label)"
[class.selected]="CurrentPage == button.label">
{{ button.label }}
</button>
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>
<button [ngClass]="type === 'mybutton' ? namespace + '-mybutton' : ''"></button>
buttons: Array<{label: string}> = [
{
label: 'Global'
},
{
label: 'Maintenance'
},
{
label: 'Settings'
},
{
label: 'Profile'
},
{
label: 'Transactions'
}
]
Also in JavaScript:
- javascript check if undefined or null or empty string
- rxjs mapto vs tap
- mdn foreach
- how to fill array with consecutive numbers javascript
- trigger click on checkbox jquery
- react native sovrapporre immagini
- clone javascript object
- react native onChangeText resize the background image
- get and set es6
- str_word_count php js
- javascript get the last element of an array
- jquery styles
- javascript object keys foreach
- dom is loaded
- javascript append list
- javascript undefined
- convert csv to json python
- uncheck checkbox when another is checked javascript
- invalid left-hand side in assignment
- open pdf in new tab javascript
- js index to index
- html initialize select
- btoa is not defined js
- javascript append element to array