从离子警报中将警报文本输入保存到数据库中

Question

我创建了一个离子警报来拒绝请求。我希望用户在点击确认之前输入拒绝请求的原因。然后我想将这些数据保存到我的数据库中，并有一个方法 (declineRequest) 设置来这样做。

该方法正在用于拒绝请求。问题是如何将警报 'Notes' 输入字段保存到数据库中，以及如何确保单击 'confirm' 时 declineRequest 方法仅运行。

代码如下：

HTML:

<ion-list>
    <ion-card *ngFor="let r of requests; let i = index">
      <ion-item>
      <h2>{{r.userId}}</h2>
      <p>{{r.requestDetail}}</p>
      <p>{{r.fromDateTime}} to {{r.toDateTime}}</p>
      <p>{{r.type}}</p>
      </ion-item>
      <ion-card-content>
            <button class="approve" ion-button icon-left color="secondary" (click)="approveAlert(r.id)">
              <ion-icon name="checkmark"></ion-icon>
              Approve
            </button>
            <button class="decline" ion-button icon-left color="danger" (click)="declineAlert(r.id)">
              <ion-icon name="close"></ion-icon>
              Decline
            </button>
      </ion-card-content>
    </ion-card> 
  </ion-list>

TS：

declineAlert(requestId) {
const alert = this.alertCtrl.create({
  title: 'Confirm Request Declined',
  subTitle: 'Notes:',
  inputs: [
    {
      name: "Note",
      type: "text",
      placeholder: 'Please enter reasons'
    }],
  buttons: [ { text:"Cancel"
  },
  { text: "Confirm",      
  handler: data => {
    console.log(JSON.stringify(data)); 
    console.log(data.Note);
  }
  }],
  cssClass: 'alertCustomCss'
});
alert.present();
console.log(requestId);
let notes = Note;
this.declineRequest(requestId, notes);
}

我尝试了不同的方法，但似乎无法从拒绝 'notes' 中获取要保存的文本。

如有任何帮助，我们将不胜感激。

Answer 1

尝试使用我的工作代码

  let alert = this.alertCtrl.create({
  title: 'Confirm Request Declined',
  inputs: [
    {
      type: 'textarea',
      name: 'Message',
      placeholder: 'Please enter reasons',
    },
  ],
  buttons: [
    {
      text: 'Yes',          
      handler: data => {           
        var message = data.Message;
       //Here is Api call
      }
    },
    {
      text: 'No',          
      role: 'cancel',
      handler: data => {           
        var message = data.Message;
        //Your logic
      }
    }
  ]
});
alert.present();

Answer 2

正如 Keval 指出的那样，您只需要像这样在处理程序中使用您的方法：

declineAlert(requestId) {
  const alert = this.alertCtrl.create({
  title: 'Confirm Request Declined',
  subTitle: 'Notes:',
  inputs: [
    {
      name: "Note",
      type: "text",
      placeholder: 'Please enter reasons'
    }],
  buttons: [ { text:"Cancel"
  },
  { text: "Confirm",      
  handler: data => {
      this.declineRequest(requestId, data.Note);
      // additional steps like pop() page etc
    }
  }],
    cssClass: 'alertCustomCss'
  });
  alert.present();
}

从离子警报中将警报文本输入保存到数据库中

Save Alert text input into database from ionic alert

javascript

alert

typescript

ionic-framework

ionic3