пожалуйста, совет по этому вопросу:
Допустим, у меня есть родительский компонент, который отображает дочерний компонент, который является значком загрузки с наложением:
<loading [FullOverlay]="true"></loading>
Я передаю значение для типа класса наложения, и в зависимости от значения для FullOverlay дочерний компонент будет использовать один из 2 стилей класса, используя [nglcass] .
Проблема в том, что в течение доли секунды стили не применяются к дочернему компоненту, как я могу исправить эту задержку?
Дочерние компоненты html:
<div [ngClass]="FullOverlay ? 'full-overlay' : 'small-overlay'">
<img src="assets/images/loading.gif" class="loading-icon-size" alt="loading">
</div>
Файл дочернего компонента ts:
import { Component, OnInit, Input } from '@angular/core';
@Component({
selector: 'loading',
templateUrl: './loading.component.html',
styleUrls: ['./loading.component.scss']
})
export class LoadingComponent implements OnInit {
@Input() FullOverlay: boolean;
constructor() { }
ngOnInit() {
}
}
Спасибо.