带有* ngIf的表单抛出错误消息

Question

我有下面的html / angular-code，我只想在“选中”时执行：

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

我收到错误消息： 表单提交已取消，因为表单未连接

没有* ngIf一切都按预期工作。我想，这是因为（ngSubmit）=“onSubmit（）”＃f =“ngForm”未在页面启动时初始化。

但我怎么能这样？ 感谢名单。

Answer 1

您可以将* ngIf条件放在空容器元素

中

$item_meta_data