子組件初始化后，將值從子組件傳遞給父組件

Question

現在我正在將值從子級傳遞給父級，同時單擊發送按鈕，如何傳遞相同的數組子級已初始化，我嘗試使用 'ngAfterViewInit' 但沒有奏效，這里有任何建議。

      child
    @Component({
        selector: 'app-child',
        templateUrl: './child.component.html'
    })
    export class ChildComponent {

        cars = ["Saab", "Volvo", "BMW", "BMW", 'Saab'];

        @Output() msEvent = new EventEmitter();

        constructor() {}

        send() {

            this.msEvent.emit(this.cars);
        }

        // ngAfterViewInit() {

        //   this.msEvent.emit(this.cars);
        // }
    }

    }
        child.component.html : <button (click) = 'send()' class="button">send</button>
    ----------------------------------------

    parent
  @Component({
  selector: 'app-root',
  templateUrl: './app.component.html'
})
export class AppComponent {

  cars:any[];

  constructor() {

  }
  rece($event) {
    this.cars = $event;
  }
}
    app.component.html : <app-child (msEvent) = 'rece($event)' [employees] = 'employees'></app-child>

Answer 1

ngOnInit() 應該足以滿足您的情況，因為您傳遞的數據不依賴於“視圖”。 在這里查看： StackBlitz 示例