Php 无法在Angular 2中将表单中的数据发布到mysql

我能够在

addoperation.ts

文件的变量中获取我在文本框中添加的值，但我无法将其发送到数据库

这是我的

addoperation.ts

代码：

   import { Component, OnInit } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { Headers, Http, HttpModule ,Response } from '@angular/http';
import 'rxjs/add/operator/map';

@Component({
  selector: 'app-operationadd',
  templateUrl: './operationadd.component.html',
  styleUrls: ['./operationadd.component.css']
})
export class OperationaddComponent implements OnInit {

 name="abc";
  constructor(private http: Http) { }

  ngOnInit() {
  }

  submitdata(){
    console.log("Data Submitted");
    console.log(this.name);
   this.http.post('http://example.com/adv8/prod-api/crudtable-add.php', {name: this.name})
            .map((res:Response) => res.json())
            .subscribe(result =>{          });
  }

}

这是我的

addoperation.html

 <form>
  <div class="form-group">
    <label for="name">First Name:</label>
    <input type="text" class="form-control"  #fname [(ngModel)]="name" name="firstname">
  </div>
   <button type="submit" class="btn btn-default" (click)="submitdata()">Submit</button>
</form>

名字：
提交

---

我的API运行良好，我已经在Chrome Postman上进行了测试。我在正文中传递了一个变量

name:jess

，我得到了一条成功消息，但我无法从Angular中保存它。

经过大量搜索，我能够在我粘贴代码的下面的数据库中发布数据，这对将来的人应该是有用的

注意：添加标题很重要

import { Component, OnInit } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { Headers, Http, HttpModule ,Response } from '@angular/http';
import 'rxjs/add/operator/map';

@Component({
  selector: 'app-operationadd',
  templateUrl: './operationadd.component.html',
  styleUrls: ['./operationadd.component.css']
})
export class OperationaddComponent implements OnInit {

 name="abc";
  constructor(private http: Http) { }

  ngOnInit() {
  }

  submitdata(){
    console.log("Data Submitted");
    console.log(this.name);
var body = "name=" + this.name;
var headers = new Headers();
headers.append('Content-Type', 'application/x-www-form-urlencoded');

 this.http.post('http://example.com/adv8/prod-api/crudtable-add.php', body, {
    headers: headers
    })
    .map(res => res.json())
    .subscribe(
     // data => this.saveJwt(data.id_token),
     // err => this.logError(err),
      () => console.log('Authentication Complete')
    );
}


}

---

您的

subscribe

块为空。这是打字错误吗

.subscribe（结果=>{}）我是angular的新手，我只是尝试从帖子中复制和测试，这里应该添加什么？我的目标是在我的数据库中保存
name
参数中的值，当它发布时，它创建2条记录不知道为什么，并且name字段变为空，让我展示一下在《邮差》中它是如何工作的，以及它在《角度》中是如何表现的……为你制作一个视频这是视频-