En este artículo vamos a ver qué es NgStyle en Angular 10 y cómo usarlo.
NgEstilo
Sintaxis:
<element [ngStyle] = "typescript_property">
Acercarse:
- Cree la aplicación Angular que se utilizará
- En app.component.html crea un elemento y establece su clase usando la directiva ngStyle
- Sirva la aplicación angular usando ng serve para ver el resultado
Ejemplo 1:
app.component.ts
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html'
})
export class AppComponent {
}
app.component.html
<div [ngStyle] ="{'background-color':'green'}">
GeeksforGeeks
</div>
<div [ngStyle] ="{'color':'GREEN'}">
GeeksforGeeks
</div>
Producción:
