如何從angular2的子組件更改父變量

Question

我的父組件html：

<app-calendar-component [view]="calView" [callback]="calendarOptions" ></app-calendar-component>
<app-weekdetails-component *ngIf="test"></app-weekdetails-component>

我的父組件ts：

public test:boolean=false;

appCalendarComponent：

ngOnInit(){
Calling services here and using data, after this process I need to set 
my variable test to be true which is defined in parent component.
}

因此，當第一個child（appCalendarComponent）初始化時，我需要將變量test設置為true。

Answer 1

您應該使用輸出方式與父組件進行通信。

對孩子：

import { Component, Output, EventEmitter } from '@angular/core';

@Output() componentInit = new EventEmitter<>();

ngOnInit(){
Calling services here and using data, after this process I need to set 
my variable test to be true which is defined in parent component.

//After init
 this.componentInit.emit();
}

在父項上：

HTML：

<app-calendar-component 
                  (componentInit)="componentInitialize()" 
                  [view]="calView" 
                  [callback]="calendarOptions">
</app-calendar-component>

打字稿：

componentInitialize():void{
 this.test = true;
}