1. Maison
  2. TypeScript

Ajouter une classe à l'élément à l'aide de la directive angulaire

Exemples de code

0
0

ajouter une classe à l'élément angulaire en 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'"
0
0

créer la classe CSS dans la directive angulaire 

@Directive({
    selector: '[myHighlight]',
})
class MyDirective {
  @HostBinding('style.background-color')
  backgroundColor:string = 'yellow';
}

Pages connexes

Pages d'exemples similaires

ajouter une classe à l'élément à l'aide de la directive angulaire

Dans d'autres langues

Cette page est dans d'autres langues

Русский
..................................................................................................................
Ссылка
English
..................................................................................................................
Link
Italiano
..................................................................................................................
Link
Polski
..................................................................................................................
Link
Română
..................................................................................................................
Legătură
한국어
..................................................................................................................
링크
हिन्दी
..................................................................................................................
लिंक
Türk
..................................................................................................................
Atıf
Česk
..................................................................................................................
Odka
Português
..................................................................................................................
Referênci
ไทย
..................................................................................................................
เชื่อมโยง
中文
..................................................................................................................
链接
Español
..................................................................................................................
Referencia
Slovenský
..................................................................................................................
Odkaz
Балгарскі
..................................................................................................................
Спасылка
Íslensk
..................................................................................................................
Link

Populaires dans cette catégorie

Pages d'exemples populaires dans la catégorie

ng2-mdn ne fonctionne pas avec angular11
créer la classe CSS dans la directive angulaire
angulaire de passer des paramètres à la fonction de clic
pas trouvé de fichier de mise en page pour "html" de genre "taxonomie": vous devez créer un fichier de modèle qui correspond à hugo mises en page de recherche de règles pour cette combinaison.
comment appeler une action dans une autre action, qui tranche dans redux
Reactjs cliquez sur cliquez sur
promesse.tous les(). axios
laravel eoquent où existe
laravel de la validation de la relation
vérifier si un élément existe laravel
si colleciton élément existent laravel
laravel vérifier si l'id existe laravel
laravel lame de vérifier si le premier élément existe
laravel vérifier si l'élément existe pas
laravel crépuscule vérifier si un élément existe
vérifier si l'élément existe dans laravel