How to pass form TD data (or form itself) from child component to parent?

Question

JavaScript

There is a parent component with a Submit button and a child component with a form (template driven forms).
Well, the question is: How to send the form itself or form.value from the child component to the parent
) but this is necessary for further formation of the model and sending it to the database)

Answer 1

parent

<app-child #appChild (submit)="onSubmit($event)"></app-child>
<button (click)="goMessage()">send</button>

@ViewChild('appChild') appChild: ChildComponent;

/** вызов метода потомка */
goMessage() {
  this.appChild.send('hello from parent');
}

/** реакция на событие из потомка */
onSubmit(event) {
  // проверка данных, заполнение полей, whatever
}

child of ChildComponent

@Output() submit = new EventEmitter<string>();

/** отправим полученную строку обратно наверх */
public send(message: string) {
  this.submit.emit(message);
}

You can also send "events" through the usual @Input props by feeding it a new object or a random number, i.e. so that the value of the prop differs from the previous one. And catch changes with a setter or in ngOnChanges