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

发布时间：2020-12-17 17:52:33 所属栏目：安全来源：网络整理

导读：我有一个名为PreloaderComponent的通用组件,我将它包含在另一个组件中.我需要知道如何将变量从父组件传递到PreloaderComponent,以便在模板中使用* ngIf语句. 这是我的代码： div id="preloader" *ngIf="loader" div id="status" div class="spinner"/div /di

我有一个名为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();

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!