如何在Ionic 3 Angular应用程序中对照数据库表检查有效的促销代码？

Question

我正在新的用户注册屏幕上从用户那里获取数据。 单击注册按钮后，数据将保存在数据库中。 我正在使用一个名为promocode的输入字段，以检查用户的促销代码。 这是我需要的：

我在数据库表中已经有一组促销代码。 如果用户键入促销代码，并且特定代码存在于我的数据库表中，则它可以允许用户在我的应用程序中注册。 假设如果用户输入的促销代码不在我的数据库表中，则它应该将烤面包消息显示为无效的促销代码，从而不允许该用户注册。 此促销代码验证应在用户填写所有详细信息之后并单击“提交”按钮之后进行。

到目前为止，这是我尝试过的：

在我的HTML中：

<ion-item>
<ion-icon name="ios-hand" class="iconstyle" item-left></ion-icon>

<ion-label color = "textcolor" floating>Reseller Promo Code</ion-label>
<ion-input type="text" class="textcolor" [(ngModel)] = "vm.promocode" formControlName = "promocode" maxlength = "15"  tabindex="2" (keyup)="moveFocus($event,query, false)" >
</ion-input>
</ion-item>

在我的ts文件中：

import { Component } from '@angular/core';
import {IonicPage, NavController, NavParams } from 'ionic-angular';
import {SignupService} from '../../services/signup.service';
import { MessageService } from '../../services/message.service';
import { BroadCastService } from '../../services/broadcast.service';
import { isNullOrUndefined } from 'util';
import { Signup } from '../../models/signup';
import { FormGroup, FormControl, Validators, AbstractControl} from '@angular/forms';
import { LoginPage } from '../login/login';

@IonicPage()
@Component({
  selector: 'page-signup',
  templateUrl: 'signup.html',
  providers: [SignupService]
})
export class SignupPage{
formsignup: FormGroup;

submit(){


  if (this.formsignup.valid) {
    this.signupservice.savesignup(this.vm).subscribe(res=>{
      console.log(res);
      this.message.alert("Your account has been created successfully");
      this.resetForm(this.formsignup);
      this.navCtrl.push(LoginPage);
    });


  }
  else{
  this.validateFormControl(this.formsignup);
}
}

这是我的service.ts文件，我在其中将用户详细信息发布到服务器，并将其保存在数据库中。

import { Injectable } from "@angular/core";
import { DataService } from "./data.service";


@Injectable()
export class SignupService {
    constructor(private dataservice: DataService) {

    }

    savesignup(formdetails:any){
        return this.dataservice.post('/api/Login/Register', formdetails);
    }
}

在我的模型课程中，我使用了如下促销代码：

signup.ts：

export class Signup{
promocode: string;

现在一切正常。 我所有的数据都保存在数据库中，我可以使用注册的帐户登录。 但我不知道如何实现此功能。 我是Ionic的新手。

Answer 1

您可以（或“应该”）创建PromoService（提供者），以及应该看起来像这样的方法应该起作用。

public GetPromo(code: string): Promise<any> { //Can be strongly typed if you want to implement a class or interface for a Promo
    var url = '/GetPromo'; //your endpoint's url.
    var args: RequestOptionsArgs = {
        method: 'GET',
        params: {
            code : code //Your parameter. You can add more properties for multiple parameters.
        }
    };

    return this.http.request(url, args).map(res => res.json()).toPromise();
}

对于发布请求，参数将附加到body 。

var args: RequestOptionsArgs = {
    method: 'POST',
    body: {
        code : code //Your parameter. You can add more properties for multiple parameters.
    }
};