- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我创建了 authService,我在其中创建了一个函数来检查电子邮件是否已经注册。在进行员工验证时,我将此函数称为 forbiddenEmails,但它给出了一个错误:无法读取在 newZoneAwarePromise 处定义的 authService 的属性
这是我的代码:
import { Component, OnInit } from '@angular/core';
import { NgForm, FormGroup, FormControl, Validators } from '@angular/forms';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/toPromise';
import 'rxjs/Rx';
import { AuthService } from '../auth/auth.service';
@Component({
selector: 'app-employee',
templateUrl: './employee.component.html',
styleUrls: ['./employee.component.css']
})
export class EmployeeComponent implements OnInit {
genders = ['male', 'female'];
departments = ['IT', 'Account', 'HR', 'Sales'];
employeeForm: FormGroup;
employerData = {};
constructor(private authService: AuthService) { }
ngOnInit() {
this.employeeForm = new FormGroup({
'name': new FormControl(null, [Validators.required]),
'email': new FormControl(
null,
[Validators.required, Validators.email],
this.forbiddenEmails
),
'password': new FormControl(null, [Validators.required]),
'gender': new FormControl('male'),
'department': new FormControl(null, [Validators.required])
});
}
registerEmployee(form: NgForm) {
console.log(form);
this.employerData = {
name: form.value.name,
email: form.value.email,
password: form.value.password,
gender: form.value.gender,
department: form.value.department
};
this.authService
.registerEmployee(this.employerData)
.then(
result => {
console.log(result);
if (result.employee_registered === true) {
console.log('successful');
this.employeeForm.reset();
// this.router.navigate(['/employee_listing']);
}else {
console.log('failed');
}
}
)
.catch(error => console.log(error));
}
forbiddenEmails(control: FormControl): Promise<any> | Observable<any> {
const promise = new Promise<any>((resolve, reject) => {
this.authService
.employeeAlreadyRegistered(control.value)
.then(
result => {
console.log(result);
if (result.email_registered === true) {
resolve(null);
}else {
resolve({'emailIsForbidden': true});
}
}
)
.catch(error => console.log(error));
/*setTimeout(() => {
if (control.value === 'test@test.com') {
resolve({'emailIsForbidden': true});
} else {
resolve(null);
}
}, 1500);*/
});
return promise;
}
}
授权服务代码:
import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import { Headers, RequestOptions } from '@angular/http';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/toPromise';
import 'rxjs/Rx';
@Injectable()
export class AuthService {
url = 'http://mnc.localhost.com/api/user/';
response: object;
constructor(private http: Http) {}
signInUser(email: string, password: string): Promise<any> {
console.log('1111');
let headers = new Headers({ 'Content-Type': 'application/json' });
let options = new RequestOptions({ headers: headers });
return this.http
.post(this.url + 'signIn', { email: email, password: password }, options)
.toPromise()
.then(this.extractData)
.catch(this.handleError);
}
registerEmployee(employeeData: object): Promise<any> {
let headers = new Headers({ 'Content-Type': 'application/json' });
let options = new RequestOptions({ headers: headers });
return this.http
.post(this.url + 'registerEmployee', employeeData, options)
.toPromise()
.then(this.extractData)
.catch(this.handleError);
}
employeeAlreadyRegistered(email: string): Promise<any> {
let headers = new Headers({ 'Content-Type': 'application/json' });
let options = new RequestOptions({ headers: headers });
return this.http
.post(this.url + 'employeeAlreadyRegistered', { email: email }, options)
.toPromise()
.then(this.extractData)
.catch(this.handleError);
}
private extractData(res: Response) {
let body = res.json();
return body || {};
}
private handleError(error: any): Promise<any> {
console.error('An error occurred', error); // for demo purposes only
return Promise.reject(error.message || error);
}
}
registerEmployee 函数也使用 authservice 但在我添加此验证之前它工作正常,这意味着 forbiddenEmails 函数中存在一些问题。
我是 Angular js 的新手,无法解决问题。
最佳答案
在您的 ngOnInit()
中更改您为电子邮件声明自定义验证器的方式:
ngOnInit() {
this.employeeForm = new FormGroup({
'name': new FormControl(null, [Validators.required]),
'email': new FormControl(
null,
[Validators.required, Validators.email],
(control: FormControl) => {
// validation email goes here
// return this.forbiddenEmails(control);
}
),
'password': new FormControl(null, [Validators.required]),
'gender': new FormControl('male'),
'department': new FormControl(null, [Validators.required])
});
}
验证器导致错误,因为 this
的上下文在您分配它时更改为 FormGroup
类:
'email': new FormControl(
null,
[Validators.required, Validators.email],
(control: FormControl) => this.forbiddenEmails
)
这就是为什么您在调用 authService
时收到 undefined
错误的原因,因为它正在查看 FormGroup
类而不是您的 Component
注意:仅当用户尝试提交表单或失去对电子邮件元素的关注时,才检查 forbiddenEmails
。将它放在验证器中并不好,因为验证器往往会被执行多次。
希望对你有帮助
关于javascript - Angular 2/Angular 4 - 无法读取在 newZoneAwarePromise 处定义的 authService 的属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46020993/
我遇到以下问题。我想读取一个包含数百万行和数百列的大型 csv。我想向下转换列的数据类型。我的方法是读取 csv,然后使用 pd.to_numeric() 对其进行向下转换。我不知道列数及其类型。在读
目前,我从 SQL server (2008) 数据库获取数据。 cyurrent的方法是使用DataTable,然后将其传递并使用。 if (parameters != null)
我有以下问题。我有一个巨大的 csv 文件,想用多处理加载它。对于一个包含 500000 行和 130 列不同数据类型的示例文件,Pandas 需要 19 秒。我试过 dask 因为我想多处理阅读。但
是否有关于用于序列化各种 MFC 数据结构的二进制格式的明确文档?我已经能够在十六进制编辑器中查看我自己的一些类,并使用 Java 的 ByteBuffer 类读取它们(使用自动字节顺序转换等)。 但
我正在使用 Selenium 进行测试,我们用 HTML 文件编写测试用例,并用它们制作测试套件,我们的要求是编写足够健壮的测试用例,以根据测试环境改变自身。 为此,我不希望在 HTML 脚本本身中包
我需要一个 JavaScript 代码来读取存储为 .txt 文件的字典(或者也可以保存为任何其他类型的文件。它也可以在线获得)并将其内容存储在一个变量中。我不能找到一种让 JavaScript 像
我正在尝试遍历包含 SSH 登录和其他日志的日志文本文件。 程序正在返回 SSH 登录的总数。 我的解决方案确实有效,但似乎有点慢(在 200mo 文件上大约需要 3.5 秒)。我想知道是否有任何方法
我正在将大量数据从一个电子表格复制到工作簿中的其他 160 个电子表格。目前,Excel (2013) 遇到错误,因为它没有足够的资源来完成操作。 我的目标是将工作表 4 中 V13:XI1150 范
我正在尝试读取一个有 1147 行的文本文件。下面的代码仅读取第 1050-1147 行。我的目标是读取整个文件并提取位于不同行的特定值以在脚本中使用。一个示例是包含“BlockList: 2”的行中
我正在为游戏编写解释器。用户将其移动输入解释器,程序执行该移动。 现在我想为每个决定实现一个时间限制。玩家不应该能够思考超过 30 秒来写一个移动并按下回车。 call_with_time_limit
以this file例如,我正在尝试读取 data.frame 中的数据。来自 the doc (pdf 文件,表 1),它遵循一些 fortran 约定。我尝试了以下但收效甚微: dir 0' 将
我正在使用 R 阅读 Outlook 附件。我的引用在这里:Download attachment from an outlook email using R 这是我的电子邮件的截图: 这每天都会发送
我不会从表格中读取行来将主题放在列表中 php脚本 $url_obj='http://'.$host.':8069/xmlrpc/object'; $sock=new xmlrpc_client($u
我有一个这样的 csv 文件: id,name,value 1,peter,5 2,peter\,paul,3 我如何读取此文件并告诉 R "\," 不表示新列,仅表示 ","。 我必须添加该文件
我正在尝试读取 ~/Library/Preferences/com.apple.mail.plist (在 Snow Leopard 上)以获取电子邮件地址和其他信息以进入“关于”对话框。我使用以下代
This question already has answers here: How do I use floating-point division in bash? (19个回答) 5个月前关闭
本练习的目标是读取输入文件并将其存储到表中,然后验证输入中的某些字段并输出任何错误记录。我需要读取并存储每个策略组,以便表中一次仅存储 5 条记录,而不是整个文件。 所以我需要读取一个包含 5 条记录
据我了解,LWT 插入始终以 SERIAL 一致性级别完成。如果为 true,这是否意味着读取作为 LWT 插入的行可以安全地以 ANY 的一致性级别读取? 换句话说,我假设 LWT 插入是完全一致的
我看到很多很多通过java脚本读取cookie的函数,但我只想在变量中使用它一次,我是JS新手。 这是我的代码 var TheNumber = (Math.random() + '') * 10000
我正在使用 asp.net 和 C#。我在服务器上部署了一个应用程序[已发布],现在我想查看该网站的代码,据我所知,我可以阅读程序集来查看代码。 请告诉我如何实现它。 提前致谢。 最佳答案 您可以使用
我是一名优秀的程序员,十分优秀!