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

前端之家收集整理的这篇文章主要介绍了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();
    }
}

解决方法

您可以使用ViewChild组件方法方法从一个组件调用到另一个组件.将此代码写入NativeExecutiveSummaryComponent类.见下面的代码

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

猜你在找的Angularjs相关文章