8

Poderiam me ajudar em uma duvida, tenho um form com um array onde existe o FormControl "id". Existe alguma forma de receber o valor do index para preencher este campo?

<tr *ngFor="let item of invForm.controls.tool.controls; let i= index" [formGroupName]="i" >
    <td>
        <mat-form-field floatLabel='never'>
            <input matInput type="number" style="text-align: right" formControlName="Id"  value="{{i+1}}"  >
        </mat-form-field>
    </td>
</tr>

Fiz este exemplo no stackblitz.

[Resolvido]

Resolvi o problema com o trackBy: trackByFn

<tr *ngFor="let item of invForm.controls.tool.controls; let i= index ;trackBy: trackByFn" [formGroupName]="i"  >

e no component,

 trackByFn(index, item) {

     item.value.Id = index+1
    return index; 
  } 

Deixo aqui também a resolução no stackblitz

0

1 Resposta 1

20
<ul>
  <li *ngFor="let item of especialidades; let i = index">
    {{i}} {{item.codigo}}
  </li>
</ul>

Sintaxe Angular ngFor: https://coryrylan.com/blog/angular-ng-for-syntax

8
  • Obrigado pela resposta, porém já tentei com esses métodos e não funcionaram 22/01/2018 às 11:43
  • Tenta a sim testei aqui deu certo. Posta seu html
    – LR10
    22/01/2018 às 12:24
  • Criar o index e mostrar ele no item da certo, porém quero passar esse index para o FormControl. Vou tentar usar o trackBy: trackByFn. 22/01/2018 às 12:29
  • Posta seu FormControl ? para onde vc quer passar!
    – LR10
    22/01/2018 às 12:30
  • Isso não vai funcionar, pois ele deseja aplicar o valor de i ao campo do formulário ID. O que você está fazendo é exibir na tela, o que não é o que o autor deseja fazer. 22/01/2018 às 12:33

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .