comision-eva.component.html

<div class="contenedorP" *ngIf="shouldShowDiv">
  <div>
    <form [formGroup]="myForm" (ngSubmit)="onUpdate()">
      <mat-label><strong>Asignar la comisión de Evaluación</strong></mat-label>
      <mat-form-field class="form-field">
        <mat-label>Seleccione un Item</mat-label>
        <mat-select formControlName="comision">
          <mat-option *ngFor="let item of comisionA"
            [value]="item.uzytavcabcomca_id">
            {{ item. uzytavcabcomca_decsrip }}
          </mat-option>
        </mat-select>
      </mat-form-field>

      <mat-label><strong>Asignar Parametros de Evaluación</strong></mat-label>
      <mat-form-field class="form-field">
        <mat-label>Seleccione un Item</mat-label>
        <mat-select formControlName="preguntas">
          <mat-option *ngFor="let item of parametroA"
            [value]="item.uzytavconparaeva_id">
            {{ item. uzytavconparaeva_descrip }}
          </mat-option>
        </mat-select>
      </mat-form-field>

      <!--boton para agregar las fechas-->
      <div class="save-button">
        <button mat-raised-button color="primary"
          [disabled]="!myForm.valid">Asignar Comisión</button>
        <span class="separator"></span>
      </div>
      <div class="separator2"></div>
      <!--fecha de inicio-->
    </form>
  </div>
</div>

<div class="container">
  <div>
    <mat-card class="card">
      <table>
        <thead class="colorsito">
          <tr>
            <th class="colorsito"></th>
            <th class="colorsito">Comsión de Evaluación Asignada para la evalucaión</th>
          </tr>
        </thead>
        <tbody>
          <ng-container *ngFor="let parametro of datos; let i = index">
            <tr id="fila-{{ i }}">
              <td>
                <button (click)="parametro.uzytavcabcomca_id !== null && toggleDiv(i)">
                  <mat-icon>{{ mostrarDiv[i] ? 'keyboard_arrow_down' : 'keyboard_arrow_right' }}</mat-icon>
                </button>
              </td>
              <td>
                <ng-container *ngIf="parametro.uzytavcabcomca_id !== null; else noComision">
                  {{ getNombrePar(parametro.uzytavcabcomca_id) }}
                </ng-container>
                <ng-template #noComision>
                  No se ha asignado Comisión de Evaluación
                </ng-template>
              </td>
            </tr>
            <tr *ngIf="mostrarDiv[i]">
              <div></div>
              <td colspan="5">
                <vex-comision-asig [idProp]="this.parametro.uzytavcabcomca_id"></vex-comision-asig>
              </td>
            </tr>
          </ng-container>
        </tbody>
      </table>
    </mat-card>
  </div>
</div>