typescript - 角度 8 中模板驱动形式的最小长度误差
问题描述
单击提交按钮时出现以下错误。
ERROR TypeError: Cannot read property 'minlength' of null
我不知道为什么我会收到这个错误。那么如何解决这个问题。
app.component.html:
<form name="form" (ngSubmit)="f.form.valid && onSubmit()" #f="ngForm" novalidate>
<div class="form-group">
<label for="categoryName">Category Name:</label>
<input type="text" class="form-control" name="categoryName" [(ngModel)]="cate.categoryName" minlength="5" #categoryname="ngModel" [ngClass]="{ 'is-invalid': f.submitted && categoryName.invalid }" required/>
<div *ngIf="f.submitted && categoryName.invalid" class="invalid-feedback">
<div *ngIf="categoryName.errors.required">
Category Name is required
</div>
</div>
<div *ngIf="categoryName?.touched && categoryName?.errors.minlength" class="invalid-feedback">
Category Name must be at least 5 characters long.
</div>
</div>
</form>
解决方案
由于您删除了错误的根源,我假设错误来自
这一行:
<div *ngIf="categoryName?.touched && categoryName?.errors.minlength" class="invalid-feedback">
这categoryName?.errors
是空值,您尝试访问minlength
此空值。
为避免此错误,请在如下?
之前添加一个运算符.minlength
:
<div *ngIf="categoryName?.touched && categoryName?.errors?.minlength" class="invalid-feedback">
推荐阅读
- python - 将 K 平均聚类距离度量更改为堪培拉距离或 python 上的任何其他距离度量
- python - 基于sympy中向量导数的向量函数的导数
- javascript - Redux 存储更改后 React 组件不更新
- android - 如何在firebase中检查用户电子邮件和密码验证以登录
- php - 从 Array Key 值中获取图像 src 并在 PHP 中显示
- docker - 独立容器和 swarm 服务之间的连接
- spring - Spring 使用什么来进行反序列化?
- java - 如何比较 HashMaps
> 当值对的顺序不正确时 - django - Azure webapp 部署 docker 容器未响应 HTTP ping
- python - 带有标题标签的 BS4 类