javascript - 如何在角度列表标签中的另一个内使用插值

Question

我试图从 firebase 检索数据以查看。所以我在数据库sizesofGroups_1，sizesofGroups_2 中有一个属性......所以想使用NgFor获取这个属性。我已经尝试了一点。现在我想办法使用这样的东西。{{std.sizesofGroups_{{item}} }}

这是html

<ng-container *ngFor="let std of stdlist | paginate: { itemsPerPage: 7, currentPage: p }; let i = index;">
               
                 <tr  class="table-striped"> 
                <td>{{std.registeredYear}}</td>
                <td>{{std.course}}</td>
                <td>{{std.groupName}}</td>
                <td>{{std.numberofGroups}}</td>
                <td>

                  <ul style="list-style-type:disc;" *ngFor="let item of createRange(std.numberofGroups);" >
                    <li >{{std.sizeofGroups_+(item)}}</li> //here is the error
                   
                   
                  </ul>  

                </td>
          
                   <td>
                    <a class="action-btn" style="color:rgb(36, 143, 192); cursor: pointer" (click)="onEdit(std)">
                      <i class="material-icons">edit</i>
                    </a>
                    <a class="action-btn" style="color:lightcoral; cursor: pointer" (click)="onDelete(std.id)">
                      <i class="material-icons">delete</i>
                    </a>
                  </td>
              </tr>
            
          </ng-container>

这是ts

createRange(number){
      var items: number[] = [];
      for(var i = 1; i <= number; i++){
         items.push(i);
      }
      return items;
    }

这是DB的图片

我错过了什么？

标签： javascriptangulartypescriptngfor

Answer 1

  <li >{{std['sizeofGroups_' + item]}}</li>

这样它就起作用了:)