Взятие двух переменных из родительского компонента в дочерний компонент

Question

Я пытаюсь отправить две переменные из дочернего компонента в родительский компонент

Я поместил дочерний селектор в представление родительского компонента , где я использовал дочерний тег и связал @выведите имя myOutput в функцию getData в родительском компоненте и передайте ему обработчик событий

<app-form-test [myInput]='myInputString' (myOutput)="getData($event)"></app-form-test>

родительский ts файл =>

  getData(value) {
    alert(value);
  }

дочерний ts файл

export class FormTestComponent implements OnInit {
  @Input() myInput: [];

  @Output() myOutput: EventEmitter<string> = new EventEmitter();
  firstOutputString = 'hello I am coming from child component'
  secondOutputString = " I am second string";

  ngOnInit() {

  }
  SendData() {
    this.myOutput.emit(this.firstOutputString);
  }
 }

Здесь я хочу передать другую переменную secondOutputString родительскому компоненту из дочернего компонента. Я попытался передать его с помощью

SendData() {
        this.myOutput.emit(this.firstOutputString , this.secondOutputString);
      }

Но я получаю ошибку

Answer 1

в дочерних .ts:

@Output() myOutput: EventEmitter<{firstOutputString: string, secondOutputString: string}> = new EventEmitter();

SendData() {
    this.myOutput.emit({
      firstOutputString: this.firstOutputString,
      secondOutputString: this.secondOutputString
    });
}

и в родительских .ts:

getData(value) {
    console.log(value.firstOutputString);
    console.log(value.secondOutputString);
}