Angular 如何验证角数字符号中的模板驱动表单”#&引用；

大家好？如果有值，我如何验证#permissionInput，顺便说一句，这是角度

  <input
                          #permissionInput
                          type="text"
                          class="col dropdown"
                          placeholder="Select permission group ..."
                          (focus)="onFocus(dropdownContent)"
                          (blur)="onBlur()"
                          (input)="onInput(permissionInput.value)"
                          [ngClass]="{ 'is-invalid': pGroup.invalid && (pGroup.dirty || pGroup.touched) }"
                        />

名称是必需的。
``

您可以按如下方式执行：

名称是必需的。

要使输入在没有值时引发错误，需要向输入中添加

required

。

---

您还可以使用

permissionInput.errors

，而不是

permissionInput.value.errors

，来访问

错误

，忘记添加更多内容。请在此处查看演示：

 <small
                      *ngIf="permissionInput.value.invalid && (permissionInput.value.dirty || permissionInput.value.touched)"
                      class="form-text text-muted danger invalid-feedback1 ml-1"
                    >
                      <div *ngIf="permissionInput.value.errors.required">
                        Name is required.
                      </div>
                    </small>

``

somevariable: string;

onInput(value: string) {
   ...
   this.somevariable = value;
}