单击按钮时未显示 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() 提供了什么？ 有数据可以显示吗？