Angular6：使用ID創建單選按鈕的動態列表

Question

我需要從json數組創建單選按鈕的動態列表。 我能夠做到這一點，但要求是為其分配動態ID。 我的JSON數據如下所示：

this.employees = [{
      employeeId: 1,
      employeeName: 'Mark Hunt',
      imageURL: '',
      rating: 0,
      group: 'Training'
    }, {
        employeeId: 2,
        employeeName: 'Dave Piana',
        imageURL: '',
        rating: 0,
        group: 'Technical'
      }];

我期望的輸出是：

<div class="row">
  <fieldset class="rating">
    <input type="radio" id='radio_1_5' name="Training" value="5" />
    <input type="radio" id="radio_1_4" name="Training" value="4" />
    <input type="radio" id="radio_1_3" name="Training" value="3" />
    <input type="radio" id="radio_1_2" name="Training" value="2" />
    <input type="radio" id="radio_1_1" name="Training" value="1" />
  </fieldset>
  <fieldset class="rating">
    <input type="radio" id='radio_2_5' name="Technical" value="5" />
    <input type="radio" id="radio_2_4" name="Technical" value="4" />
    <input type="radio" id="radio_2_3" name="Technical" value="3" />
    <input type="radio" id="radio_2_2" name="Technical" value="2" />
    <input type="radio" id="radio_2_1" name="Technical" value="1" />
  </fieldset>
</div>

該循環應迭代雇員的數量，並且應為每個雇員生成5個單選按鈕。 每個單選按鈕的“ Id”應采用以下格式：“ radio _” + employee.employeeId +“ index”，其中索引將從5開始，以1結尾

關於如何實現這一點的任何想法將非常有幫助。

Answer 1

嘗試這個：

<fieldset class="rating" *ngFor="let emp of employees">
    <input type="radio" id='radio_{{emp.employeeId}}_{{index}}' name="{{emp.group}}" value="{{index}}" *ngFor="let index of [5,4,3,2,1]"/>
</fieldset>