Dentro do meu form, tem um select, onde escolho uma opção, neste caso, escolho um usuário.
<div class="form-row">
<div class="form-group col-md-5">
<label for="usuario">ID usuário</label>
<select name="usuario" id="usuario" class="form-control usuario" formControlName="id_usuario">
<option value="{{ u.id_usuarios }}" *ngFor="let u of usuarios" >{{ u.id_usuarios }} - {{ u.login }}</option>
</select>
<div class="small" *ngIf="!usuarioPermissoesForm.controls['id_usuario'].valid && usuarioPermissoesForm.controls['id_usuario'].touched"> O ID usuário não pode ficar em branco!</div>
</div>
</div>
Abaixo deste select, tem um input, que irá mudar o valor dentro dele conforme o usuario escolhido no select.
<div class="form-row">
<div class="form-group col-md-5">
<label for="id_perfil">ID Perfil</label>
<input type="text" class="form-control" id="id_perfil" formControlName="id_perfil">
</div>
</div>
Estou pegando os dados das tags no FormBuilder, dentro do componente. Eu pesquisei e vi que poderia usar o (change), mas não consigo passar o id, exemplo:
<select name="usuario" id="usuario" class="form-control usuario" formControlName="id_usuario" (change)="atualizar(u.id_usuarios)">
<option value="{{ u.id_usuarios }}" *ngFor="let u of usuarios" >{{ u.id_usuarios }} - {{ u.login }}</option>
</select>
Alguém tem alguma ideia de como resolver?