Readdy Write  
0,00 €
Your View Money
Views: Count
Self 20% 0
Your Content 60% 0

Users by Links 0
u1*(Content+Views) 10% 0
Follow-Follower 0
s2*(Income) 5% 0

Count
Followers 0
Login Register as User

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

03.02.2021 (👁303)

 

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