Angular 4 等到 http.get 执行继续

Question

我正在使用Ionic创建一个新的注册应用程序，并使用 ASP.Net(C#)作为我的API。

我想在激活输入模糊事件时检查用户是否存在。

问题是我的代码没有等到服务器返回值才能继续。 我做错了什么？有没有办法做到这一点？

这是我的 API 代码：

[HttpGet]
public JsonResult verifyEmail(string email)
{
var result = Domain.Repository.UserController.Find(email:email);
if (result != null)
{
return Json(new { erro = true, message = "Email already registered!" }, JsonRequestBehavior.AllowGet);
}
else
{
return Json(new { erro=false,message = "Email is valid!" },JsonRequestBehavior.AllowGet);
}
}

我创建了一个提供程序来发出HTTP请求(AUTHProvider)：

getData(data,func)
{
return  new Promise( (resolve,reject)=>{
this.http.get(apiUrl+func, {params:data})  
.subscribe(
res=>{
resolve(res.json());
},
async (err)=>{
reject(err);
});
});
}

这是我的注册.TS代码：

validate()
{
let validEmail;
validEmail= this.checkEmail();// I WANT THAT the "validEmail" receives returned value before continue.
return true;
}

最后一件事是我的函数，它将调用提供程序：

checkEmail()
{
return this.authService.getData({email:this.model.email},"Account/verifyEmail").then((result)=>{
let response = <any>{};
response=result;
if(response.erro)
{
return response.message
}else
{
return true
}
},(err)=>{
this.toastService.presentToast("ERROR:"+err,"bottom",undefined,"toast-error");
});
}

提前谢谢..

Answer 1

getData(data,func)
{
this.http.get(apiUrl+func, {params:data})  
.map(res => {
return res.json();
})
.toPromise();
}

或使用异步/等待

async getData(data,func)
{
let result = await this.http.get(apiUrl+func, {params:data})  
.toPromise();
return result.json();
}

现在对于验证函数：

async validate()
{
let validEmail;
await this.checkEmail();
return true;
}

关键是你不能从同步函数跳到异步，反之亦然。 验证需要返回承诺/可观察量，因为它执行异步函数。