模板驱动的表单无法读取 null-Angular 6 的属性“必需”答案

【问题标题】：Template Driven form Cannot read property 'required' of null-Angular 6模板驱动的表单无法读取 null-Angular 6 的属性“必需”
【发布时间】：2019-03-27 05:33:05
【问题描述】：

我正在使用模板驱动的表单处理 Angular 6。在验证时遇到一些问题

html代码

             <div class="form-group">

                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Name" name="name"
                                required [(ngModel)]="configuration.name" #name="ngModel"
                                minlength="2">
                            <span *ngIf="submitted && name.errors['required']" class="text-danger">Please
                                Enter Name</span>


                        </div>
                        <div class="modal-footer">
                <button type="button" class="btn btn-outline-dark" (click)=" sav(form)">Save</button>
    </div>
    </form>

当我在没有任何输入的情况下单击保存按钮时，它会显示验证消息，然后我在该输入文本字段中键入一些值，它会显示错误

我也试过 name.errors.required 和 name.errors?.required 都失败了

【问题讨论】：

尝试用name.invalid 代替name.errors['required']
我可以像这个 name.errors['minlength'] 一样检查 minlength 还是任何其他方式？

标签： angular angular6 angular-forms

【解决方案1】：

您可以使用以下代码进行最小长度和必填字段验证

  <span *ngIf="submitted && name.errors.required" class="text-danger">Please
                            Enter Name</span>
  <span *ngIf="submitted && name.errors.minlength" class="text-danger">Please
                            Enter 2 characters</span>

【讨论】：

尝试显示错误 - 未定义标识符“minlength”。 '__type' 不包含这样的成员