延迟应用的Angular2子组件[ngclass]样式

Question

请就此问题提供建议

可以说我有一个父组件，该父组件显示一个子组件，该子组件是带有覆盖层的加载图标：

 <loading [FullOverlay]="true"></loading>

我传递了一个重叠类类型的值，并根据 FullOverlay 的值，子组件将使用 [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() {
  }

}

谢谢。