Я использую плагин ngxsForm в angular для привязки реактивной формы с помощью ngxsForm, которая помогает мне обновлять данные в хранилище, когда в форме происходят какие-либо изменения. Но сейчас это создает проблему, когда я использую [hidden] / * ngIf, чтобы скрыть одно поле ввода при некоторых условиях. Он не обновляет данные хранилища, когда происходят какие-либо изменения в других полях ввода, что означает, что данные обновляются в реактивной форме, но не сохраняются через ngxsForm. .
<form [formGroup]="form" novalidate ngxsForm="dashboard.addAllowanceForm" (ngSubmit)="onSubmit()">
<div >
<label>Allowance Types</label>
<select formControlName="job_type_id">
<option *ngFor="let item of jobTypes$ | async" [value]="item.id">
{{ item.name }}
</option>
</select>
</div>
<div>
<label>Amount</label>
<input type="number" placeholder="0" formControlName="amount">
<div *ngIf="IsJobTypeGeneral">
<label>Exempt Amount</label>
<input type="number" placeholder="0" formControlName="exempt_amount">
</div>
<div>
<button type="submit">Save</button>
</div>
</form>