angular – 如何将* ngIf值从一个组件传递到另一个组件？

我有一个名为PreloaderComponent的通用组件,我将它包含在另一个组件中.我需要知道如何将变量从父组件传递到PreloaderComponent,以便在模板中使用* ngIf语句.

这是我的代码：

<div id="preloader" *ngIf="loader">
    <div id="status">
        <div class="spinner"></div>
    </div>
</div>

export class PreloaderComponent implements OnInit {
  constructor() {}

  loader:any;

  ngOnInit() {}

  startLoader(){
    this.loader = true;
    //console.log("start loader="+this.loader);
  }
}

export class NativeExecutiveSumMaryComponent implements OnInit {
    ngOnInit() {
        this.preloader.startLoader();
    }
}

@BaseImport.ViewChild(PreloaderComponent)
private preloaderComponent: PreloaderComponent;
this.preloaderComponent.startLoader();