Http在Angular 2自定义异步验证中不起作用
在Angular 2中，Http在自定义异步验证中不起作用的原因可能是由于以下几个方面：
- 异步验证的实现方式不正确：在Angular 2中，可以使用Reactive Forms来实现自定义异步验证。在这种情况下，你需要使用FormControl对象来处理表单控件，并使用AsyncValidatorFn来执行异步验证。确保你正确地设置了FormControl和AsyncValidatorFn，并将它们与表单控件绑定。
- Http模块未正确导入：在Angular 2中，Http模块是用于进行HTTP请求的核心模块。确保你在使用Http之前正确地导入了Http模块，并将其添加到你的模块的imports数组中。
- 依赖注入问题：在Angular 2中，你需要通过依赖注入来获取Http服务的实例。确保你已经正确地注入了Http服务，并在使用它之前获取了实例。
- 异步验证的回调函数未正确处理：在自定义异步验证中，你需要提供一个回调函数来处理异步验证的结果。确保你正确地处理了回调函数，并根据验证结果更新表单控件的状态。
总结起来，要解决Http在Angular 2自定义异步验证中不起作用的问题，你需要确保正确地实现了异步验证，正确导入了Http模块，正确注入了Http服务，并正确处理了异步验证的回调函数。如果仍然遇到问题，可以进一步检查代码逻辑和错误日志，以找出具体的问题所在。
关于Http和Angular 2的更多信息，你可以参考腾讯云的相关文档和产品：
相关·内容
3回答
APP 上传完之后，COS 的服务器会不会向用户服务器发回调 ？
对象存储、官方文档
APP 上传完之后，COS 的服务器会不会向用户服务器发回调 ？
如果不发回调的话，用户服务器怎么知道上传是否成功，以及上传了什么文件，上传的文件的存储路径？？
标题：快速搭建移动应用传输服务 - 对象存储 - 文档首页 - 腾讯云文档平台 - 腾讯云
地址：https://cloud.tencent.com/document/product/436/9068
浏览 806提问于2018-03-08
1回答
返回承诺时，自定义异步验证不起作用
validation、angular、promise、rxjs、formbuilder
我正在调用web来检查url别名是否可用，为此，我在异步验证器中使用了httpservice。问题是，当调用验证器时，将执行所有正确的代码路径(所有console.log()运行并按预期运行)。
无论验证的承诺返回/解析为null还是{ 'isUrlAliasActivityMainAvailable': true }，控制器总是以如下方式显示错误对象，从而使表单状态无效，为什么(该死的！)？
我使用的是:角:2.1.0和rxjs:5.0.0-beta.12
这是我的表单生成器：
this.formBuilder.group({
//...
"urlAlias
浏览 0提问于2016-11-23得票数 3
回答已采纳
2回答
使用观察值时，在angular 2异步验证器中返回什么
angular、angular2-forms、angular2-observables
在customerNameValidator中必须返回什么，如果
异步验证失败/成功表明我的'customerName‘FormControl无效？
this.customerForm = this.formBuilder.group({
customerName:
[this.newCustomerName, [Validators.minLength(2), Validators.required],[this.customerNameValidator.bind(this)]]
});
customerNameValidator(c: AbstractControl)
{
浏览 14提问于2017-02-22得票数 6
回答已采纳
3回答
IMSDK到底是用TLS登录还是用TIMManager来登录？
官方文档、即时通信 IM
我设的独立模式，用TLS注册了账号和密码，然后用TLSLoginHelper登录了，创建ChatRoom时报未登录。
查看IM文档，示例上面是用是TIMManager来登录的，到底该用哪一个啊？
TLS和TIMManager是完全独立的吗？还是所有账号管理都是由TLS来完成，TIMManager只是做了一个调用封装？
求正确姿势～
标题：登录（Android SDK） - 云通信 - 文档首页 - 腾讯云文档平台 - 腾讯云
地址：https://cloud.tencent.com/document/product/269/9233
浏览 492提问于2018-03-21
2回答
在Angular中，如何创建一个自定义验证器来验证http请求？
angular、angular-material、angular-httpclient、angular-validation
我正在开发一个使用gitLab问题来显示图表的应用程序。要使用api进行身份验证，我希望使用附加到get请求的访问令牌，如下所示：
*
我有一个表单，用户可以在其中输入个人访问令牌。我想用一个自定义的输入验证器验证这个令牌，并在输入字段下面添加一条错误消息(我使用的是material angular)。
我使用一个服务来发出http请求：
private makeGetRequest(endpoint: string, params: HttpParams) {
return this.http.get<Issue[]>(this.buildURL(endpoint),
浏览 3提问于2020-09-24得票数 1
1回答
反应形式的Angular2泛型异步Validator
javascript、angular
我有一个反应性表单和一个必须唯一的窗体控件：
this.form = new FormGroup({
name: new FormControl(this.initialValue, [
Validators.required,
], this._uniqueNameValidator.bind(this)),
});
我编写了一个异步验证器，它从我的应用程序服务中调用一个方法：
private _uniqueNameValidator(control: FormControl) {
const value = control.value.trim();
if
浏览 0提问于2020-03-31得票数 2
回答已采纳
3回答
智能联想的使用示例呢？详见API/SDK使用？？ 没有啊，示例代码也没有？
云 API、官方文档
智能联想的使用示例呢？详见API/SDK使用？？ 没有啊，示例代码也没有
标题：智能联想 - 云搜 - 文档首页 - 腾讯云文档平台 - 腾讯云
地址：https://cloud.tencent.com/document/product/270/1201
浏览 422提问于2018-03-13
1回答
angular2订阅返回值
angular、typescript、subscribe
我确实在我的validateUsernameIsUnique方法中订阅了一个http请求服务。我试图根据订阅中的代码操作validateUsernameIsUnique()的返回值。我确实读过一些关于异步行为的初学者文章。因此，我知道下面的代码无法工作，因为return ret;是未定义的。不幸的是，我没能想出如何实现我想要做的事情。
@Injectable()
export class ValidateService {
constructor(private _authService: AuthService) { }
...
validateUsernameIsUnique
浏览 3提问于2017-02-23得票数 1
回答已采纳
2回答
异步验证程序未在FormControl中设置返回的错误
angular、angular-reactive-forms
我正在用Angular 8和Bootstrap做一个web应用程序。我有一个表单，只有一个输入输入一个5位数字(作为字符串)。我想验证这个数字在数据库中是唯一的。
我曾尝试实现一个异步验证器。它检查该数字是否唯一，如果不是，则应返回一个错误以在模板中显示一条消息。
brand: Brand;
gambleForm: FormGroup;
constructor(
private brandService: BrandService,
private fb: FormBuilder,
) {
this.gambleForm = fb.group({
nu
浏览 0提问于2020-01-15得票数 1
1回答
角推后无法读取值
javascript、angularjs、return、push
我有如下代码：
$scope.offer = [];
angular.forEach($scope.details, function (product) {
SomeAPI.ById.query({ product: product.id }, function (response) {
$scope.offer.push(response);
});
return $scope.offer;
});
console.log($scope.offer);
为什么控制台日志仍然输出put "[]"？在页面上，{{ offer }}正确地显示值。
浏览 5提问于2016-02-09得票数 0
2回答
角自定义形状控制
angular、typescript
嗨，我正在尝试创建一组自定义的反应性表单控件，以便于在模板中使用。到目前为止，我已经成功地使用ControlValueAccessor接口创建了一个。表单的编辑工作正常，但我无法用它显示错误消息。有人能建议在自定义控件html中传递和显示错误消息的方法吗？
这是我的密码
input-form.component.html
<div style="font-size: 12px">
<mat-form-field appearance="outline">
<mat-label>{{ label }}</mat
浏览 15提问于2022-06-08得票数 1
3回答
Angular Async Validator FormControls在模糊之前不会更新
angular、typescript、angular-forms
我的异步验证器看起来像这样：
asyncValidator(service:ApiCallsService):AsyncValidatorFn{
return (control:FormControl):Promise<ValidationErrors | null> | Observable<ValidationErrors | null> =>{
let timer$ = timer(2000);
return timer$.pipe(
take(1),
switchMap(()=> {
浏览 0提问于2019-06-10得票数 2
1回答
无法正确获取角异步验证错误对象
angular、ionic3、angular4-forms
我正在使用内置验证器和自定义验证器使用反应性表单验证用户输入。我想向用户提供前端反馈/错误，但我似乎无法正确地获得验证错误对象。我没有收到任何错误或警告，控制台日志似乎是正确的，所以我真的不知道哪里出了问题。这是我的密码：
--验证器服务name.valid.ts：
import { FormGroup, FormBuilder, Validators, AbstractControl } from '@angular/forms';
import { AngularFirestore } from 'angularfire2/firestore';
impor
浏览 1提问于2018-04-25得票数 0
回答已采纳
1回答
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl, Validators, FormArray } from '@angular/forms';
import { AService } from "app/a/services/a.service";
import { Subscription } from 'rxjs/Subscription';
import { Observable } from "rx
浏览 0提问于2017-07-28得票数 0
回答已采纳
1回答
在Angular中测试AsyncValidators -测试通过，但不确定expect语句是否正在运行/执行
angular、validation、angular-forms
我目前正在为我的表单编写一个AsyncValidator，它检查提交的值是否有值，然后根据使用它的组件中包含的字符串数组进行检查，如果一切正常，它将调用api...this。
@Injectable({ providedIn: 'root' })
export class DomainUniqueValidator implements AsyncValidator {
validate(
input: FormControl
): Observable<ValidationErrors | null> {
return timer(500)
浏览 18提问于2021-02-19得票数 0
5回答
我正在学习Angular。虽然官方教程对我来说工作得很好，但我被反应式表单的“hello world”所困住了。我正在关注。我已经在另一个工作项目中创建了一个新组件，以便使用ReactiveForm创建一个输入文本框。模板html如下：
<div>
<label>
Name:
<input type="text" [formControl]="name">
</label>
</div>
component类如下所示
浏览 0提问于2018-11-21得票数 46
5回答
获取表单控件的名称
angular、reactive-forms
我在angular中使用反应式表单，我需要比较开始日期"start date“和结束日期"end date"，这两个控件都在"dateLessThan”函数中验证，但问题是我不知道如何要求控件正在求值 //Some stuff
public fechaInicio = new FormControl('', [
Validators.required
, this.dateLessThanTo
]);
public fechaFin = new FormControl('', [
Validat
浏览 35提问于2017-12-15得票数 10
回答已采纳
2回答
如何从mat-input中删除空格
angular、typescript
我有一个创建新项目的弹出窗口，我将新项目的条目保存在配置单元中，该配置单元不支持表名中的空格。所以有没有人可以帮我在mat-input中添加验证，以便从inout框中删除空格。 HTML代码 <form (ngSubmit)="(submit)" #formControl="ngForm">
<div class="form">
<mat-form-field color="accent">
浏览 15提问于2019-01-15得票数 0
2回答
带有依赖项的Angular2自定义验证器
angular、dependency-injection、dependencies、custom-validators
在角2中，我正在尝试创建我自己的自定义Validator。
我已经创建了自己的CustomValidators类，它实现了验证器接口。
import { FormControl } from "@angular/forms";
import { MyhttpService } from "./myhttp.service";
import { Response } from "@angular/http";
import { Injectable, Directive } from '@angular/core';
@Inje
浏览 4提问于2017-01-17得票数 2
2回答
角2反应窗体自定义验证器仅在窗体控件有效时应用
angular、validation、angular-reactive-forms
如何实现仅在窗体控件有效时应用的自定义验证器？
像这样的东西是理想的：
static isValid(control: FormControl) {
if (control.valid) {
// custom validation checks here
return {isNotValid: true};
}
return null;
}
但是在这里，control.valid始终是真的，所以它将被应用，即使其他人将使该字段无效。
有办法做到这一点吗？
详细实例
源代码：
app.component.ts
import { Compo
浏览 2提问于2018-01-06得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
