Angular 2 根据 POST 请求重新加载页面

Question

我正在将一个应用程序从 Angular 2 Beta 9 迁移到 Angular 2 RC5，我遇到了大量错误，我开始消除这些错误，但我的控制台却没有显示任何错误。

但是，当我向 Rails 服务器提交表单时，页面会重新加载，控制台会快速显示错误，但我看不到它太快了

无论如何，下面的代码在测试版上运行得很好，所以对这里出了什么问题的任何见解都会很棒(只发布相关部分)

onSubmit() {

    this.myForm.value.systemParameters = this.system_arr;
    this.myForm.value.liftOperator = this.lift_arr;
    this.myForm.value.restrictOperator = this.restrict_arr;
    this.myForm.value.param = this.param_arr;
    this.myForm.value.xInitial = this.xinitial_arr;

    let myForm = JSON.stringify(this.myForm);

    let headers = new Headers();
    headers.append('Content-Type', 'application/json');
    this.http.post('http://localhost:3000/webhook', myForm, { headers: headers }).subscribe(
      res => this.response = res.json(),
      error => console.log(error)
    );

    console.log('your submitted value:', this.myForm.value);
  }

Answer 1

我不确定我是否正确理解您的问题，但如果问题是每次 POST 请求后页面重新加载，我建议将提交按钮的类型更改为“按钮”。这将防止页面在向服务器发送 POST 请求时重新加载。

喜欢这个人建议 https://stackoverflow.com/a/33304509/4332884