角度2のフォームにエラーがある場合のメッセージを表示

Question

次のフォームがあり、ユーザーが[保存]をクリックした後、必要なラジオグループの隣にエラーメッセージが表示されます（ラジオが選択されていません）。私は以下を試しましたが、メッセージはまったく表示されません。

<form #formList="ngForm" (ngSubmit)="Save(formList)"> 
    <div *ngFor="let item of data"> 
     <p>{{item.name}}</p> 
     <input type="radio" name="{{item.id}}" [value]="1" [(ngModel)]="item.isSelected" required>Foo 
     <input type="radio" name="{{item.id}}" [value]="2" [(ngModel)]="item.isSelected">Bar 
     <div *ngIf="formList.controls.item?.id.required"> 
     The radio is required! 
     </div> 
    </div> 
    <button type="submit">Save</button> 
</form> 

Answer 1

<form #formList="ngForm" (ngSubmit)="Save(formList)"> 
    <div *ngFor="let item of data"> 
     <p>{{item.name}}</p> 
     <input type="radio" name="{{item.id}}" [value]="1" [(ngModel)]="item.isSelected" required>Foo 
     <input type="radio" name="{{item.id}}" [value]="2" [(ngModel)]="item.isSelected">Bar 
     <div *ngIf="!formList.form.valid"> 
     The radio is required! 
     </div> 
    </div> 
    <button type="submit">Save</button> 
</form> 

このコードを試してみてください