Angular - Использование ссылки на шаблон в цикле for - PullRequest
0 голосов
/ 05 августа 2020

Я создаю форму Angular, используя следующий код:

<form #myForm="ngForm" (ngSubmit)="sendQuery()" >
  <div *ngFor="let key of modelKeys">
    {{key}}
    <input #{{key}}="ngModel" name="{{key}}" placeholder="Enter {{key}} here" [(ngModel)]="model[key]" class="control" required *ngIf="key === 'q'" appNoSpecialChars />
    <input #{{key}}="ngModel" name="{{key}}" placeholder="Enter {{key}} here" [(ngModel)]="model[key]" class="control" minlength="2" maxlength="4" *ngIf="key === 'stars'" appNoSpecialChars />
    <input #{{key}}="ngModel" name="{{key}}" placeholder="Enter {{key}} here" [(ngModel)]="model[key]" class="control" *ngIf="key !== 'q' && key !== 'stars'" appNoSpecialChars />
    <div [hidden]="myForm.valid">Some validity text</div>
  </div>
  <button type='submit' class="button" [disabled]="!myForm.valid">Submit</button><br><br>
</form>

Теперь вместо ссылки на myForm для свойства [hidden] мне нужно ссылаться на # {{key}}.

Выполнение этого:

<div [hidden]="{{key}}.valid">Some validity text</div>

Выдает ошибку.

Есть ли способ указать ссылку на динамически создаваемый шаблон?

Спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...