Question

鉴于我的表格：

 <form #f="ngForm" (ngSubmit)="saveNew(f)">
        <div class="form-group">
            <label><strong>Text Hu</strong></label>
            <quill-editor name="textHU" [ngModel]="textHU">
            </quill-editor>

            <label class="mt-4"><strong>Text En</strong></label>
            <quill-editor name="textEN" [ngModel]="textEN">
            </quill-editor>
        </div>
        <button type="submit" class="btn btn-primary">Save</button>
    </form>

组件：

  saveNew(form: NgForm) {
        this.termsOfServiceNew.text.textEN = form.value.textEN;
        this.termsOfServiceNew.text.textHU = form.value.textHU;
        this.http.post("/api/terms_of_service/admin", this.termsOfServiceNew, this.jsonRequestOptions).subscribe(r => {
            this.termsOfServiceNew.text.textEN = "";
            this.termsOfServiceNew.text.textHU = "";
            this.toggleNewContainer();
            this.refreshList();
        });
    }

每个表单都有此属性：#f="ngForm"

这个#f是否应该对每个表单都是唯一的？

Angular基础应用程序由JHipster（springboot后端）生成。

我的应用程序中有几个类似的表单，位于不同路径的不同组件中。当我加载或重新加载我的应用程序（ctrl + f5）并提交表单时，它完美地工作。它调用我的API，将数据保存到DB中。我可以重复它，它工作正常，但当我导航到其他地方（不同的路线），然后我在应用程序中的所有表单停止工作。当我点击提交按钮时，不会发生任何事情。控制台上没有错误，不再调用ngSubmit方法。

你有什么想法，可能会导致这个奇怪的问题吗？

感谢您的帮助！

Angular2表单提交在路由更改后停止工作

0 个答案: