4

テンプレート駆動型フォームで ngFor を使用していくつかの入力を追加しています。入力が無効な場合に対応するエラー メッセージを追加したいと考えています。通常、ngFor を使用していない場合は、#inputName="ngModel" を使用します。動的に追加された入力を参照するために、このようなことを行う方法はありますか?

基本的に私はこのようなことをしたい:

<div *ngFor="let field of fields; let i = index">
        <label>{{field.label}}</label> <input [ngModel]="field.value" required #field{{i}}="ngModel" />
        <div *ngIf="field{{i}}.invalid"> This field is required </div>
</div>
4

2 に答える 2