Я создаю форму 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>
Выдает ошибку.
Есть ли способ указать ссылку на динамически создаваемый шаблон?
Спасибо