Question

我正在创建动态表单，我正在通过模板驱动以自己的方式进行操作，我不想使用反应性方法进行创建。一切工作正常，但只有验证对我造成了问题。我上传了我项目的一小段代码

  <ng-container *ngFor="let a of UserFormArray; let i = index">
   <form #f="ngForm" name="FormName">
    <ng-container *ngFor="let ab of a; let i2 = index">
      <ng-container *ngIf="ab.type === 'text'">
        <input type={{ab.type}} pInputText name={{ab.name}} ngModel 
                                     #{{ab.name}}="ngModel" required>
           <ng-container *ngIf="ab.name.errors?.required">
                    <div>
                        Input Error
                    </div>
           </ng-container>
      </ng-container>
    </ng-container>
  </form>
 <p-button label="Click" (onClick)="sender(f)"></p-button>
</ng-container>

问题是我无法在此处进行验证，我使用的是模板驱动的方法，并且我不想使用反应式表单，因此请不要建议使用反应式链接，这是我的要求在模板驱动下，我知道我错过了小事情。但无法弄清楚

Answer 1

您可以动态创建模板引用变量，但是您应该知道该变量在嵌入式视图中是唯一的。

因此，您可能正在寻找以下内容：

<input ... #ngModel="ngModel" required>
    <ng-container *ngIf="ngModel.errors?.required">

Ng-run Example

验证动态生成的参考模板驱动角

1 个答案: