小编Mus*_*afa的帖子

自定义验证器 Angular 2

我编写了一个 web api 函数,它从文本字段中获取用户名并检查用户名是否已被占用。要知道用户名是否可用,我的服务器返回Y是否可用,N如果不可用。

为了验证用户名,我在 Angular2 中使用了 ValidatorFn,因此验证输入。但是,我的验证器功能不起作用。

这是验证器函数:

interface Validator<T extends FormControl> {
  (c: T): { [error: string]: any };
}

function validateUsername(c: string) : ValidatorFn {
  return (this.isAvailable(c)=='Y') ? null : {
    validateUsername: {
      valid: false
    }
  };
}
Run Code Online (Sandbox Code Playgroud)

这是 isAvailable 函数:

private isAvailable(username: string) {
  let usernameAvailable;
  let url = 'URL/api/auth/checkuser/' + username;
  let headers = new Headers();
  headers.append('User', sessionStorage.getItem('username'));
  headers.append('Token', sessionStorage.getItem('token'));
  headers.append('AccessTime', sessionStorage.getItem('AccessTime'));

  let options = new RequestOptions({ headers: headers });

  this.http.get(url, …
Run Code Online (Sandbox Code Playgroud)

forms validation typescript angular

4
推荐指数
1
解决办法
5945
查看次数

Angular Header/Http/RequestOptions 自 angular 6.0 起已弃用,如何将它们更新到 angular 8.0?

在 angular 6.0 中执行 httprequests 时,我有这个块

在此处输入图片说明

我尝试使用 angular 8.0 提供的较新的 HttpClient、HttpResponse 和 HttpHeaders。但是没有一个语法匹配。我将如何在 8.0 中添加较新的语法?

http typescript angular

1
推荐指数
1
解决办法
5687
查看次数

标签 统计

angular ×2

typescript ×2

forms ×1

http ×1

validation ×1