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

Question

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

我在数据库表中已经有一组promocodes。如果用户键入了promocode，并且我的数据库表中存在特定代码，则可以允许用户在我的应用程序中注册。假设用户正在键入不在我的数据库表中的promocode，它应该将toast消息显示为无效的promocode，以便不允许用户注册。在用户填写所有详细信息并单击提交按钮后，应该进行此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);
    }
}

在我的模型类中，我使用了这个promocode，如下所示：

signup.ts：

export class Signup{
promocode: string;

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

Answer 1

您可以（或“应该”）创建您的PromoService（Provider），并且应该看起来像这样的方法应该有效。

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.
    }
};