Búsqueda de sitios web

Cómo vincular un estilo CSS desde un método de TypeScript con Angular

Tengo un componente como el siguiente:

@Component({
  selector: 'app-car-item',
  templateUrl: './car-item.component.html',
  styleUrls: ['./car-item.component.css'],
})
export class CarItemComponent {
  public style: string

  addStyle() {
    this.style = 'font-size: 20px'
  }

¿Cómo puedo implementar el método addStyle() para cambiar el tamaño de la fuente en car-item.component.css?

Respuesta #1

¡Así no se hace en Angular! Así es como lo harías:

En tu CarItemComponent añade una variable para el tamaño de fuente, por ejemplo:

fontSize: number;

En tu addStyle() establece este número al tamaño de fuente que quieres usar y en tu plantilla agrega esto al elemento cuyo tamaño de fuente deseas cambiar:

[style.font-size.px]="{{ fontSize }}"

Respuesta #2

Esto podría ser útil (Angular 6):

  1. Cambia los estilos para parecer discapacitado
  2. Eliminar el href

https://stackblitz.com/edit/angular-wzgr4h

Artículos relacionados