Home / Questions / 211802
Accepted
beaag58
Asked: 2020-11-09 00:44:24 +0800 CST 2020-11-09 00:44:24 +0800 CST

Save index for reuse

  • 772

Hello, my problem is that I need to print a sublist that goes in a trseparate area below the one trwhere I loop (in the ng-container), but once outside of that tr(where I loop) iit no longer recognizes it. Any ideas?. Thank you very much

<table class="procedures-table__grid">
    <caption class="sr-only"><h3>Select next procedure</h3></caption>
    <thead class="procedures-table__grid__header">
      <tr>
        <th id="procedure_procedure" class="">Trámite</th>
        <th id="procedure_regulatory-reform" class="">Reforma normativa</th>
        <th id="procedure_options" class=""></th>
      </tr>
    </thead>
    <tbody>
      <tr [indicator] = i *ngFor="let procedure of tableListProcedures, index as i">
        <td headers="procedure-procedure">
          <button (click)="openCloseTab(i);" class="">
            {{procedure.procedureName}}
          </button>
          <!-- <i class="adriano-arrow-down" attr.aria-hidden=""></i> -->
        </td>
        <td headers="procedure_regulatory-reform">
          <a (click)="goReformProcedure();" href="#" class="">
            {{procedure.regulatory_reform_Procedure}}
          </a>
        </td>
      </tr>
      <ng-container *ngIf="i">

      </ng-container>
    </tbody>
  </table
angular5

1 Answers

  1. Best Answer

    You can bundle inside an ng-template tag:

      <tbody>
    <ng-template *ngFor="let procedure of tableListProcedures, index as i">
      <tr [indicator] = "i" >
        <td headers="procedure-procedure">
          <button (click)="openCloseTab(i);" class="">
            {{procedure.procedureName}}
          </button>
          <!-- <i class="adriano-arrow-down" attr.aria-hidden=""></i> -->
        </td>
        <td headers="procedure_regulatory-reform">
          <a (click)="goReformProcedure();" href="#" class="">
            {{procedure.regulatory_reform_Procedure}}
          </a>
        </td>
      </tr>
      <ng-container *ngIf="i">
        ... 
        ¿¿¿ <tr *ngFor="let subprocedure of procedure.subprocedures"> ???
      </ng-container>
    </ng-template>
  </tbody>
    • 2