Question

我可以在我的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，我得到一条SUCCESS消息，但是我无法从角度保存它，已经4个小时努力了。请帮忙

制作了一个关于我的问题的视频 - http://youtu.be/5mPTkPkLRMs?hd=1

Answer 1

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

注意添加标题很重要

new MongoClient(new MongoClientURI(uriMongoConnection))

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

1 个答案: