我没有找到这个错误的解决方案:
错误 TS2345:“NgForm”类型的参数不可分配给“{ value: User;”类型的参数;有效:布尔值;}'。
线的
<form #userForm="ngForm" (ngSubmit)="onSubmit(userForm)">
在组件.html 中
我分享我的代码是为了描述我的问题:
这是组件.html
<p>user-component works!</p>
<h3>Hello {{firstname}}{{lastname}}</h3>
<div class="card" style="width: 36rem">
<form #userForm="ngForm" (ngSubmit)="onSubmit(userForm)">
<div class="form-group">
<label> First Name</label>
<input (keydown)="fireEvent($event)" type="email"
class="form-control"
[(ngModel)]="user.firstname"
[ngClass]="{'is-invalid': newUserFistName.errors && newUserFistName.touched}"
#newUserFistName = "ngModel"
name="firstname"
required
minlength="2">
<div class="invalid-feedback" [hidden]="!newUserFistName.errors?.required">
Firstname is required
</div>
<div class="invalid-feedback" [hidden]="!newUserFistName.errors?.minlength">
Please insert valid firstname (>=2 char)
</div>
</div>
<div class="form-group">
<label>Last Name</label>
<input type="text"
class="form-control"
[(ngModel)]="user.lastname"
#newUserLastName = "ngModel"
[ngClass]="{'is-invalid': newUserLastName.errors && newUserLastName.touched}"
name="lastname"
required>
<div …Run Code Online (Sandbox Code Playgroud)