在Angular中的表单中使用ngModel做双向数据绑定时,出现报错Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’.
<div class="card">
<div class="card-header">添加用户</div>
<div class="card-block">
<form (ngSubmit)="onSubmit()">
<div class="form-group">
<label for="name">姓名</label>
<input type="text" class="form-control" [(ngModel)]="users.name" name="name" minlength="2" required>
</div>
</form>
</div>
</div>
运行之后会报如下错误
原因是在app.mudule.ts文件中没有引用FormModel,在app.mudule.ts中引入一下就可以了
运行一下就正常了
#还有一个点就是,在使用ngModel的时候后面需要加上name属性,不然会报错,就像酱紫
<div class="card">
<div class="card-header">添加用户</div>
<div class="card-block">
<form (ngSubmit)="onSubmit()">
<div class="form-group">
<label for="name">姓名</label>
<input type="text" class="form-control" [(ngModel)]="users.name" minlength="2" required>
</div>
</form>
</div>
</div>
虽然页面可以正常显示,但是控制台会报错,只需要加上name属性就可以