#

Problem: im Angular Formular wird kein Wert im Input Feld angezeigt oder angebunden.

 

 

Problem:

im Angular Formular wird kein Wert im Input Feld angezeigt oder angebunden. Sobald ein <form> Tag in der component.html Seite eingebaut wird,

zeigt ein Angular Material Input Feld keinen Wert mehr an.

 

Lösung:

man muss im Input Feld eine name="control" benennung einfügen.

 

 

<form novalidate #f="ngForm">

<div >

    <p>value_string:={{value_string}}</p>

    <mat-form-field style="width:400px">

        <mat-label>input string:</mat-label>

        <input matInput name="ctlString" [(ngModel)]="value_string">

    </mat-form-field>

</div>

 

<div>

    <p>value_string_time:={{value_string_time}}</p>

    <mat-form-field>

        <mat-label>input time:</mat-label>

        <input matInput type="time" name="ctlTime" [(ngModel)]="value_string_time">

    </mat-form-field>

</div>

</form>

 

 

Angular mit <form> Tag

Mit dem <form> tag funktioniert das <input> feld in dem Eingabeformular nicht

Der Wert der ngModel Variable wird nicht angezeigt und nicht gebunden.

 

Ursache: das name Feld muss eingefügt werden. Das Inputfeld muss ein name Feld aufweisen

 

 

Falsch:

Funktioniert OHNE <form> Tag

Ohne <form> tag funktioniert input matInput richtig und zeigt werte an

 

error TS2304: Cannot find name 'NgForm'

 

'Creates a top-level FormGroup instance and binds it to a form to track aggregate form value and validation

 @angular/forms

 

Mobile

.