如果使用Angular满足条件，我该如何提交表格

Question

我想提交以下表格，如果selected等于true。

<form *ngIf="selected" (ngSubmit)="onSubmit()" #f="ngForm">
  <!-- Child elements of the form... -->
      <button
        type="submit"
        class="btn btn-primary"
        [disabled]="!f.valid"
        (click)="onClick()"
      >Save
      </button>
  </form>

但是，丢弃以下错误。

Form submission cancelled because the form is not connected.

没有*ngIf="selected"，表单的工作原理。我认为它会引发错误，因为加载页面时未初始化(ngSubmit)="onSubmit()" #f="ngForm"。

如果selected使用*ngIf等于true，我该如何提交表格？

Answer 1

我建议添加结构指令*ngIf作为ng-container元素的属性。

<form (ngSubmit)="onSubmit()" #f="ngForm">
    <ng-container *ngIf="selected">
        <!-- Form children... -->
    </ng-container>
</form>