Creating multiple radio buttons with *ngFor [Angular2]
Building on @Pardeep's response, you should also make the buttons keyboard accessible for users that want/need it. Add tabindex and a keyup listener on your labels:
<div *ngFor="let enum of enum_details">
<label for="enum_answer_{{enum.name}}" tabindex="0" (keyup.space)="radioSelected=enum.name'>
<input id="enum_answer_{{enum.name}}" [value]='enum.name' type="radio" name="enums" [(ngModel)]="radioSelected">
{{enum.name}}
</label>
</div>
use your code like this
<div *ngFor="let enum of enum_details">
<label for="enum_answer_{{enum.name}}">
<input id="enum_answer_{{enum.name}}" [value]='enum.name' type="radio" name="enums" [(ngModel)]="radioSelected">
{{enum.name}}
</label>
</div>
<button (click)='radioFun()'>Checked value of radio button</button>
working example
Working example here
Try something like this.
<div class="radio" *ngFor="let key of enum_details">
<label>
<input type="radio" name="keys_on_hand" [value]="key.value" [(ngModel)]="key.value">
{{key.display}}
</label>
</div>