итерировать элементы радио-кнопки

Question

как мне показать элементы из переключатели , зная, что значения этих элементов получены из API-интерфейса сервера.

        <div class="input-group col-md-9   input-group-sm">
             <label>gender</label>
        </div>

        <!-- TO CORRECT

  <div class="row full-name-inputs">
      <div class="input-group col-md-4   input-group-sm">
      <input type="radio" name="gender" [(ngModel)]="developer.gender" class="form-control" >
       </div>
  </div>

       -->

TS

 genders: GenderModel[];

  ngOnInit() {   


      this.developerService.getAllGender().subscribe(
        data=>{ this.genders= data; },
        error=>{console.log("error");})

Answer 1

Сохраните ответ от вашего API на таблице и l oop эта таблица на вашем html. Я не знаю, каков ответ от вашего API, но посмотрите пример:

TS

genders: GenderModel[];

ngOnInit() {
this.developerService.getAllGender().subscribe(
    data=>{ this.genders= data; },
    error=>{console.log("error");})
}

Html

<div *ngFor="let gen of genders">
 <label for="{{gen}}">
   <input id="{{gen}}" [value]='gen' type="radio" name="genders" 
     [(ngModel)]="developer.gender" class="form-control" >
     {{gen}}
 </label>

Live пример