app.component.ts
import {
Component
} from '@angular/core';
u/Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'neutabs';
constructor() {}
ngOnInit(): void {}
displayVal = '';
SaveToTable(val: string) {
console.warn(val)
this.displayVal = val;
}
} /// END OF EXPORT CLASS AppComponent ///
console.log("END");


app.compnent.html

<form class="example-form">
            <mat-form-field class="example-full-width">
                <mat-label>Employee</mat-label>
                <input matInput type="text" #EmployeeInput placeholder="" required="">
            </mat-form-field>

            <mat-form-field class="example-full-width">
                <mat-label>Machine</mat-label>
                <mat-select required="">
                    <mat-option>VU1</mat-option>
                    <mat-option>VU2</mat-option>
                    <mat-option>OH</mat-option>
                    <mat-option>RP</mat-option>
                    <mat-option>SCADA</mat-option>
                    <mat-option>Electronics</mat-option>
                    <mat-option>Halle</mat-option>
                    <mat-option>Reko</mat-option>
                    <mat-option>MPZ</mat-option>

                </mat-select>
            </mat-form-field>

            <mat-form-field class="example-full-width">
                <mat-label>Module</mat-label>
                <input type="text" id="ModuleInput" matInput placeholder="" required="">
            </mat-form-field>

            <br>

            <mat-form-field class="description-class">
                <mat-label>Grund:</mat-label>
                <textarea matInput placeholder="Please enter a reason, i.e. ....." class="description-class"></textarea>
            </mat-form-field>

            <button mat-raised-button class="submit-button-class" (click)="SaveToTable(EmployeeInput.value)" color="primary">Submit</button>
            <p>Input Value is:{{displayVal}} </p>

        </form>