I'm trying to not display forms in a list if they are empty. The form's values are string. I tried to use \*ngIf but, it didn't work and I can still see empty places in the list. How can I solve this? (In the image, ISRawMaterialInspection and ISRawMaterialRiskState are the ones that are empty.)

Here is the HTML:

```
<input matInput class="mt-20" formControlName="IsOxidizable" *ngIf="form.get('IsOxidizable').value"/>

    <input matInput class="mt-20" formControlName="ISRawMaterialInspection" *ngIf="!!form.get('ISRawMaterialInspection').value"/>

    <input matInput class="mt-20" formControlName="ISRawMaterialRiskState" *ngIf="form.get('ISRawMaterialRiskState').value"/>

```

Here is the TS:

```
        IsOxidizable: new FormControl({
            value: this.data.IsOxidizable,
            disabled: true,
        }),

        ISRawMaterialRiskState: new FormControl({
            value: this.data.ISRawMaterialRiskState,
            disabled: true,
        }),
        ISRawMaterialInspection: new FormControl({
            value: this.data.ISRawMaterialInspection,
            disabled: true

```

[![enter image description here](https://i.stack.imgur.com/PDC4C.png)](https://i.stack.imgur.com/PDC4C.png)