單擊按鈕時未顯示 Ng 容器

Question

這是我的 html 代碼部分：

    <div>
      <button
        type="button"
        class="add-emp-btn"
        *ngIf="!addEmployeeBtnClicked"
        (click)="onEmpBtnClicked()"
        [disabled]="newProjectForm.invalid"
      >
        Add Employees
      </button>
      <ng-container *ngIf="addEmployeeBtnClicked" formArrayName="employees">
        <div *ngFor="let employeesControl of getControls(); let i = index">
          <label for="userName">Insert one or multiple Users Names to submit</label>
          <input type="text" [formControlName]="i"/>
          <div class="width-divider"></div>
          <button type="button" class="goto-add-emp-btn">Cancel</button>
        </div>
      </ng-container>
    </div>

按鈕單擊的邏輯有效，因為如果我將 *ngIf 放在 *ngFor now 所在的 div 中，則隱藏按鈕並顯示其他 3 個元素。 但是我當然需要 *ngFor 那里，這就是為什么我用 ng-container 包裝所有東西。 我在上面已經做了幾行代碼，並在這種情況下工作。 我一定錯過了一些微不足道的東西。

Tl;dr：當單擊添加員工按鈕時，它應該消失，並且帶有標簽、輸入文本和取消按鈕的 ng 容器應該出現

Answer 1

我復制了這段代碼，改變了一些東西，因為我沒有你的環繞代碼，它可以工作。 檢查事項：

• 在 onEmpBtnClicked() 方法中，您是否將 addEmployeeBtnClicked 設置為 true？
• 您是否執行過 F12 檢查開發者控制台以查看是否存在阻止顯示的錯誤？
• getControls() 提供了什么？ 有數據可以顯示嗎？