我有一个包含表单的模态，当模态被销毁时，我在控制台中收到以下错误:

Form submission canceled because the form is not connected

模态被添加到 <modal-placeholder> <app-root> 的直接子元素，我的顶级元素。

在 Angular 2 中从 DOM 中删除表单并消除此错误的正确方法是什么？我目前使用 componentRef.destroy();

最佳答案

发生这种情况可能还有其他原因，但在我的例子中，我有一个按钮被浏览器解释为提交按钮，因此在单击按钮时提交了表单，导致错误。添加 type="button"解决了这个问题。完整元素:

    <button type="button" (click)="submitForm()">

关于javascript - Angular 2 : Form submission canceled because the form is not connected，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42531167/