Post请求在不发送数据的情况下重启服务器（Angular2/Node.js）

这是我的密码

服务：

import { Injectable } from "@angular/core";
import { Http, Headers, RequestOptions } from "@angular/http";
import { Observable } from "rxjs/Observable";
import 'rxjs/Rx';

import {Heatmap} from "./heatmap"

@Injectable()
export class HeatmapService {
 constructor (private _http: Http) {}

    signup(heatmap: Heatmap) {
        const body = JSON.stringify(heatmap);
        const headers = new Headers({'Content-Type': 'application/json'});
        const options = new RequestOptions({ headers: headers });

        return this._http.post('http://localhost:8080/create', body, options)
            .map(response => response.json())
            .catch(error => Observable.throw(error.json()));
    }
}

组成部分：

import { Component, OnInit } from "@angular/core";
import { FormBuilder, FormGroup, FormControl, Validators } from "@angular/forms";

import { Heatmap } from "./heatmap";
import { HeatmapService } from "./heatmap.service";

@Component({
  templateUrl: 'js/app/heatmap/heatmap.component.html'
})

export class heatmapComponent implements OnInit {

    myForm: FormGroup;

    constructor(private formBuilder: FormBuilder, public heatService: HeatmapService) {}

    onSubmit() {
        const heatmap = new Heatmap(this.myForm.value.name, this.myForm.value.data, this.myForm.value.country);
        console.log(heatmap)

        this.heatService.sendData(heatmap)
            .subscribe(
                data => console.log(data),
                error => console.error(error)
            )
    }

    ngOnInit() {
        this.myForm = this.formBuilder.group({
            name: ['', Validators.required],
            data: ['', Validators.required],
            country: ['', Validators.required]
        });
    }
}

HTML:

问题是：

每次我提交表单时，我的服务器都会自动重新启动，不会记录任何数据，也不会给我时间去查看任何正在处理的错误

我得到的唯一错误是gulp的输出-

错误TS2339:类型“HeatmapService”上不存在属性“sendData”

---

希望有人能帮忙

提交表单时，在onSubmit（）函数中调用

this.heatService.sendData（heatmap）…

如果已粘贴整个

HeatmapService

，则没有

sendData

方法。这正是错误所说的

---

创建此方法或将其复制/粘贴到问题中。

提交表单时，在onSubmit（）函数中调用

this.heatService.sendData（heatmap）…

如果已粘贴整个

HeatmapService

，则没有

sendData

方法。这正是错误所说的

---

创建此方法或将其复制/粘贴到问题中。

错误信息非常明显。

---

查看您的Heatmap类，我可以看到没有定义sendData方法，这就是为什么会出现此错误。

错误消息非常明显。

---

查看您的Heatmap类，我可以看到没有定义sendData方法，这就是为什么您会出现此错误。

哦，您是对的，对不起，我尝试这样做，`this.heatService（Heatmap）`这之前我在一些教程中看到过。我刚刚接通了。哦，你说得对，对不起，我试着这样做。热图（heatService，heatmap）`在这之前，我在一些教程中看到了工作。我刚接通了。

<form [formGroup]="myForm" (ngSubmit)="onSubmit()">
    <div class="form-group">
        <label for="name">name</label>
        <input type="text" id="name" class="form-control" formControlName="name">
    </div>
    <div class="form-group">
        <label for="data">data</label>
        <input type="text" id="data" class="form-control" formControlName="data">
    </div>
    <div class="form-group">
        <label for="country">country</label>
        <input type="text" id="country" class="form-control" formControlName="country">
    </div>
    <button type="submit" class="btn btn-primary" [disabled]="!myForm.valid">Sign Up</button>
</form>

export class Heatmap {
    constructor(public name: string, public data: string, public country: string){}
}