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