离子formcontrolname和ngif不一起工作

Question

我列出了一个只能通过真实条件显示的列表。在该列表中，我有一个带有formControlname的输入，它可以正常工作，而没有ngif =“ Indpermitedesconto == 1”在IonList上。就像FormControlname丢失一样，找不到表单值。当我删除它时，它再次工作正常。有什么想法发生了什么事？我试图在此处的一些答案上按要求提出表格，但也没有起作用。

<form [formGroup]="form">
    <ion-list *ngIf="indPermiteDesconto == 1">
      <ion-item>
        <h4>Total:</h4>
        <span item-end>
          {{ produto?.moedaVenda }}
          {{ vlTotalProduto | unoDecimal }}
        </span>
      </ion-item>
      <ion-item>
        <ion-label fixed>Desconto %</ion-label>

        <ion-input
          type="number"
          value="0"
          max="100"
          min="0"
          (change)="recalcularTotais()"
          formControlName="percDesconto"
        ></ion-input>
      </ion-item>
      <ion-item>
        <h4>Desconto Valor</h4>
        <span item-end>
          {{ produto?.moedaVenda }}
          {{ vlDesconto | unoDecimal }}
        </span>
      </ion-item>
      <ion-item>
        <h4>Valor Total c/ Desconto</h4>
        <span item-end>
          {{ produto?.moedaVenda }}
          {{ vlFinalProduto | unoDecimal }}
        </span>
      </ion-item>
    </ion-list>