Enlace de clase en Angular 8

<element [class] = "typescript_property">

Acercarse:

• Defina un elemento de propiedad en el archivo app.component.ts.
• En el archivo app.component.html, establezca la clase del elemento HTML asignando el valor de la propiedad al elemento del archivo app.component.ts.

Ejemplo 1:

aplicación.componente.html

<h1 [class] = "geeky">
  GeeksforGeeks
</h1>
Upper Heading's class is : "{{ g[0].className }}"

aplicación.componente.ts

import { Component, OnInit } from '@angular/core';
  
@Component({
    selector: 'app-root',
    templateUrl: './app.component.html'
})
export class AppComponent {
    geeky = "GeekClass";
    g = document.getElementsByClassName(this.geeky);
}

Producción:

Ejemplo 2:

aplicación.componente.html

<h1 [class] = "setClass()">
  GeeksforGeeks
</h1>
Upper Heading's class is : "{{ g[0].className }}"

aplicación.componente.ts

import { Component, OnInit } from '@angular/core';
  
@Component({
    selector: 'app-root',
    templateUrl: './app.component.html'
})
export class AppComponent {
    setClass() {
        return "GeeksforGeeks";
    }
    g = document.getElementsByClassName(this.setClass());
}

Producción: