angular - 反应形式外的提交按钮不起作用

Question

在名为 app-catalog 的 Angular 组件中考虑以下形式：

<form [formGroup]="catalogForm" (ngSubmit)="save()">

   <ul>
      <li *ngFor="let section of sections?.controls; let i = index">
        <app-section [index]="i" [sectionForm]="section"></app-section>
      </li>
  </ul>
</form>

现在在我的页面中，我调用该组件并在下面添加一个提交按钮：

 <app-catalog #catalog></app-catalog>

 <button type="submit" class="btn-save button primary" [disabled]="catalog.catalogForm.invalid || 
    !catalog.catalogForm.dirty" form="catalog.catalogForm">Save from outside</button>

禁用状态工作得很好，所以访问表单属性不是问题

但是单击按钮什么也不做。难道我做错了什么 ？

标签： angularangular-reactive-forms