ionic2 将对象数据发送到后端

Posted 2023-03-29

【中文标题】ionic2 将对象数据发送到后端

【英文标题】：ionic2 Sending object data to Backand

【发布时间】：2017-04-09 21:54:52

【问题描述】：

我创建了一个 ionic2 注册页面。在注册页面上，我创建了一个下拉菜单，用户可以在其中选择他们的血型。我正在尝试将选定的血型发送到 Backand 数据库。我不确定自己做错了什么，因为选定的血型没有出现在 Backand。

注册.ts

import Component from '@angular/core';
import  BackandService  from '@backand/angular2-sdk'
import  LoginPage  from '../login/login';
import  AlertController  from 'ionic-angular';

@Component(
   templateUrl: 'signup.html',
   selector: 'page-signup',
)

 export class SignupPage 

  email:string = '';
  firstName:string = '';
  lastName:string = '';
  signUpPassword: string = '';
  confirmPassword: string = '';
  bloodType: Object = ;


  constructor(private backand: BackandService, private alertCtrl: 
  AlertController) 


  public signUp() 

   this.backand.signup(this.firstName, this.lastName, this.email,this.signUpPassword, this.confirmPassword, this.bloodType)
  .then((res: any) =>
   
    let alert = this.alertCtrl.create(
    subTitle: 'Thank you for signing up.',
    buttons:['Login']
    );
    alert.present();
    this.email = this.signUpPassword = this.confirmPassword = this.firstName= this.lastName = this.bloodType = '';
    
   );
  

signup.html

<ion-item>
    <ion-label>Select Your Blood Type</ion-label>
    <ion-select type="text" (input)="bloodType = $event.target.value" ng-model="bloodType">
      <ion-option>O Positive</ion-option>
      <ion-option> O Negative</ion-option>
      <ion-option> A Positive</ion-option>
      <ion-option> A Negative</ion-option>
      <ion-option> B Positive</ion-option>
      <ion-option> B Negative</ion-option>
      <ion-option> AB Positive</ion-option>
      <ion-option> AB Negative</ion-option>
      <ion-option> Unknown</ion-option>
    </ion-select>
 <ion-item>

【问题讨论】：

那行不通。出错了。

error_handler.js:54 例外：未捕获（承诺中）：[object Object]

您似乎遇到了ion-select 的问题。请在此处查看文档。 ionicframework.com/docs/api/components/select/Select

是的，我查看了文档。感谢您的帮助！

尝试先打印发送到后端的任何内容。一旦您能够获得价值，然后您将它们发送过来。在您的后端，打印出所有收到的值。这样，你就可以缩小你的问题范围。

【参考方案1】：

我自己想通了。在 signup.ts 中应该是，

 this.backand.signup(this.firstName, this.lastName, this.email,this.signUpPassword, this.confirmPassword, "bloodType": this.bloodType)

在signup.html中应该是

<ion-select type="text" (input)="bloodType = $event.target.value" [(ng-model)]="bloodType">