Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/http/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Http 将JSON数据从angular formly发送到API_Http_Ionic2_Angular Formly - Fatal编程技术网

Http 将JSON数据从angular formly发送到API

Http 将JSON数据从angular formly发送到API,http,ionic2,angular-formly,Http,Ionic2,Angular Formly,我想将数据从一个有角度的表单发布到API,但我对fomly和ionic2的组合不太了解。我尝试的代码没有将表单数据发送到API,而是在控制台上打印错误 我的.ts代码是: import { Component } from '@angular/core'; import { NavController } from 'ionic-angular'; import {Validators, FormGroup} from '@angular/forms'; import {FormlyFieldC

我想将数据从一个有角度的表单发布到API,但我对fomly和ionic2的组合不太了解。我尝试的代码没有将表单数据发送到API,而是在控制台上打印错误

我的.ts代码是:

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import {Validators, FormGroup} from '@angular/forms';
import {FormlyFieldConfig} from 'ng-formly';
import { Http,Headers,RequestOptions } from '@angular/http';
import 'rxjs/add/operator/map';


@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {

post = [];

constructor(public navCtrl: NavController,private http : Http) {

}

form: FormGroup = new FormGroup({});
  userFields: FormlyFieldConfig = [{
    className: 'row',
    fieldGroup: [{
        className: 'col-xs-6',
        key: 'identity',
        type: 'input',
        templateOptions: {
            type: 'email',
            label: 'Email address',
            placeholder: 'Enter email'
        },
        validators: {
          validation: Validators.compose([Validators.required])
        }
    }, {
        className: 'col-xs-6',
        key: 'password',
        type: 'input',
        templateOptions: {
            type: 'password',
            label: 'Password',
            placeholder: 'Password',
            pattern: ''
        },
        validators: {
          validation: Validators.compose([Validators.required])
        }
    }]
  }];

  user = {

  };

  submit(user) {

      let url = "http://urbanholic.com/drago/index.php/api/users/login";





          let data =  {"identity":" ","password":" "}
              let headers = new Headers({
                  'Content-Type': 'application/x-www-form-urlencoded'
              });
               let options = new RequestOptions({ headers: headers, method: "post" });


              this.http.post(url,data,options)
                  .map(res =>  res.json())
                  .subscribe(
                      data => {
                              this.post= data.CarRental;
                              console.log(this.post);


                              },
                     /** data => {console.log(data);},*/
                      err => console.log("error"),

                  );
    }

  }
html代码是:

 <form  [formGroup]="form" (ngSubmit)="submit(user)">
    <formly-form [model]="user" [fields]="userFields">
      <button type="submit" class="btn btn-default" >Button</button>
    </formly-form>
  </form>

按钮

Hi here,请提供您得到的错误(完全回溯)err=>console.log(“错误”),此行正在执行。您可以将该行更改为
err=>console.log(err)
以查看实际错误吗?