Añadir clase de elemento mediante la directiva angular

Ejemplos de código

añadir clase de elemento angular en el 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'"

crear clase CSS en la directiva angular

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

Páginas relacionadas

Páginas de ejemplo relacionadas

añadir clase de elemento mediante la directiva angular

En otros idiomas

Esta página está en otros idiomas

empty row

Русский

..................................................................................................................

Ссылка

English

..................................................................................................................

Link

Italiano

..................................................................................................................

Link

Polski

..................................................................................................................

Link

Română

..................................................................................................................

Legătură

한국어

..................................................................................................................

링크

हिन्दी

..................................................................................................................

लिंक

Français

..................................................................................................................

Lien

Türk

..................................................................................................................

Atıf

Česk

..................................................................................................................

Odka

Português

..................................................................................................................

Referênci

ไทย

..................................................................................................................

เชื่อมโยง

中文

..................................................................................................................

链接

Slovenský

..................................................................................................................

Odkaz

Балгарскі

..................................................................................................................

Спасылка

Íslensk

..................................................................................................................

Link

Popular en esta categoría

Páginas populares con ejemplos en la categoría

empty row

ng2-dnd no funciona con angular11

crear clase CSS en la directiva angular

angular pasar el parámetro a la función de clic

no encontró el archivo de diseño para "html" para el tipo "taxonomía": debe crear un archivo de plantilla que coincida con hugo diseños de reglas de búsqueda para esta combinación.

cómo llamar a una acción de otra acción de la rebanada en redux

Reactjs haga clic en haga clic en

promesa.todos(). axios

laravel eoquent donde existe

laravel validación existe relación

comprobar si un elemento existe laravel

si desde su extracción elemento existen laravel

laravel comprobar si id existe laravel

laravel hoja de verificación si el primer elemento existe

laravel comprobar si el elemento existe

laravel anochecer comprobar si el elemento existe

comprobar si el elemento existe en laravel