Вызов стиля CSS из машинописного текста добавьте его в HTML-файл

Question

При нажатии кнопки функция CSS стиль, который будет вызываться в файле TS

HTML-код:

    <div class="overlay-loader">
    <div *ngIf="isLoading" class="loader"></div>
    <p *ngIf="results">{{ results | json }}</p>
    <p *ngIf="error">Error: {{ error | json }}</p>
    </div>
    <p>
    <button (click)="getResult()">Get result</button>
    </p>

Ссылка, которую я попробовал: https://stackblitz.com/edit/angular-loader-kspfhg?ctl=1&embed=1&file=app/app.component.html&view=editor После нажатия кнопкикнопка overlay-loader css класс, который будет загружен, и как только данные будут получены, css оверлей-загрузчик будет разрушен

Answer 1

Используйте ngClass, чтобы условно добавить класс:

<div [ngClass]="{'overlay-loader': isLoading}">