Angular 2反应式表单异步自定义验证抛出“订阅不是函数”
Angular 2是一种流行的前端开发框架，它提供了丰富的功能和工具来构建现代化的Web应用程序。反应式表单是Angular 2中的一种表单处理方式，它允许开发者使用响应式编程的方式来处理表单数据。
异步自定义验证是指在表单验证过程中，需要进行一些异步操作来验证表单字段的有效性。例如，可以通过发送HTTP请求到服务器端进行验证，或者进行一些复杂的计算操作。在这种情况下，开发者可以使用Angular 2的异步验证器来处理这些异步操作。
当在Angular 2中使用反应式表单进行异步自定义验证时，有时会遇到"订阅不是函数"的错误。这个错误通常是由于在订阅异步验证器的结果时，使用了非函数类型的对象而导致的。
要解决这个问题，可以检查代码中订阅异步验证器的部分，确保正确地使用了函数类型的对象。另外，还可以使用RxJS库中的操作符来处理异步验证器的结果，例如使用map操作符来转换结果类型。
在腾讯云的产品中，可以使用腾讯云的云函数（Serverless Cloud Function）来处理异步验证器的逻辑。云函数是一种无服务器计算服务，可以让开发者在云端运行代码，无需关心服务器的运维和扩展性。通过使用云函数，可以将异步验证器的逻辑部署到腾讯云上，并在Angular 2中调用该云函数来进行验证。
腾讯云云函数产品介绍链接：https://cloud.tencent.com/product/scf
总结起来，Angular 2的反应式表单异步自定义验证是一种处理表单数据的方式，可以使用异步操作来验证表单字段的有效性。在使用过程中，需要注意订阅异步验证器时使用函数类型的对象，可以使用腾讯云的云函数来处理异步验证器的逻辑。
相关·内容
import {AsyncValidatorFn, AbstractControl } from '@angular/forms';
export function userNameShouldBeUnique
浏览 7提问于2017-02-05得票数 0
2回答
在Angular中使用反应式表单时，我们通常会在教程中看到同步验证器和表单控件下的小<p>或<span>出现错误。这个元素有一个简单的*ngIf来控制它的显示。然而，当异步验证器失败时，我需要显示一个模式。从我在ng-bootstrap和ngx-bootstrap中看到的情况来看，模式是在调用一个函数时打开的，并不能准确地监听验证过程中的变化(我可以使用<p>和*ngIf很容易做到这一点)。目前，我
浏览 25提问于2019-07-24得票数 0
两者之间的区别是什么：和什么时候你会使用其中一个而不是另一个呢？
浏览 2提问于2016-01-30得票数 26
回答已采纳
1回答
我已经看了很多关于在angular中实现异步验证器到反应式表单的教程，我对下面的代码有疑问。从de asyncValidator内部的可观察性订阅是一种糟糕的做法吗？
浏览 11提问于2020-11-06得票数 0
将反应式表单与表单组上的异步验证器一起使用时，如果在构造函数或ngOnInit中使用patchValue更改表单组的值-即使异步验证器可观察完成，表单仍保持PENDING状态。在代码中，在ngOnInit中，我在表单上调用patchValue，导致表单进入PENDING状态，并调用异步验证器。异步验证器不会做太
浏览 6提问于2019-11-12得票数 4
1回答
我在Angular 2中为反应式表单编写了一个自定义验证器，但我的函数只验证文本字段中的第一次按键。在这里，我的自定义函数应该验证每个按键。有谁能纠正我吗？
这就是我在类中调用自定义函数的方式。customerNumberOwner': new FormControl('', [CustomValidators.CustomerNum
浏览 21提问于2018-07-30得票数 1
我有一个表单，其中我有一些字段，如字段A，字段B，字段C，FieldD和许多其他字段。用户的可以创建为我的领域，因为他们需要我想要订阅字段A和fieldB的值变化只。我试着在整个表单上使用valuechange，它工作得很好，但是当表单很大的时候订阅值整个表单的更改是昂贵的.So有没有办法有选择地订阅一组我想要的表单control.Thisthis.form.subscribe
浏览 0提问于2017-12-20得票数 0
我是Angular2的新手。我正在尝试将用户输入限制为110到5000之间的数字。我不想只做用户输入验证。我想防止用户输入介于110和5000之间的不同数值。
浏览 3提问于2017-07-20得票数 2
1回答
我正在尝试创建可能具有嵌套表单的组件。我嵌套了它们，因为我希望在多个阶段进行验证，即使我只保存一次。也许我的问题有另一个解决方案，但现在我的代码看起来有点像这样： <form (submit)="accept()" #form2=-- #form2 fields -->
<button id="submit2</
浏览 0提问于2019-08-21得票数 0
在customerNameValidator中必须返回什么，如果customerName:
[this.newCustomerName, [Validators.minLength(2)
浏览 14提问于2017-02-22得票数 6
回答已采纳
我想在Angular 4中使用HTML5验证，而不是基于表单的验证/反应式验证。我希望在浏览器中保持验证运行。它曾经在Angular 2中工作，但自从我升级后，如果没有任何angular指令来验证HTML5，我甚至无法获得手动创建的表单。例如，这根本不会在浏览器中进行验证：<h2>
浏览 0提问于2017-04-04得票数 27
回答已采纳
我正在使用angular 5和Bootstrap 4开发一个安全的表单。如何在表单提交之前验证表单运行时？请在angular 5中指导或分享任何关于响应式验证的文章。在那里我可以学习关于文本，数字，电子邮件，描述等的验证。
这是我在StackOverflow的第一个问题。谢谢。
浏览 3提问于2018-03-12得票数 2
2回答
角2异步表单验证器
、、、
我已经创建了一个自定义异步验证器来检查用户名列表是否被接受。}; })};是否有人知道如何根据可观测值创建有效的返回或解析语句？也
浏览 0提问于2016-10-20得票数 1
回答已采纳
我希望在Angular2的输入字段中添加一个数字管道。我使用模型驱动的表单，我所有的输入都有一个formControlName，而不是使用数据绑定。我的问题是formControlName="number | number : '1.2-2'"是无效的，code.It抛出一个错误，说找不到formControlName。我不想删除formControlName而不是ngModel，因为我订阅了表单</em
浏览 4提问于2016-10-19得票数 5
我做的项目是在angular 2上写的。有很多表格，所有这些表格都很大。很难在其中搜索到什么东西。要支持这一点并不容易。 当开始重构一些表单时。我将其拆分为组件列表(组件包含另一个组件)。但是内置的验证被破坏了。这是由于角度隔离和角度awas无法从组件输入元素获取错误列表。 互联网上的所有例子都是关于反应形式的。我知道使用反应式表单更好，但这不可能一次重写所有代码。合并这两种类型的表单是不正确的。 作为解决方案，可以创建一个实现ValueAcessor和验证</
浏览 5提问于2019-03-21得票数 1
回答已采纳
1回答
我对以下验证器函数有问题： return {emailKnownValidator: {unknown: true}}; };它没有在表单控件上设置错误对象现在，如果我用下面的代码替换上面的函数：
export function validateEma
浏览 6提问于2016-08-30得票数 2
回答已采纳
6回答
我正在构建一个反应式的角度表单，并试图找到一种在提交时触发所有验证器的方法。如果验证器是同步的，那就没问题了，因为我可以内联得到它的状态。否则，如果验证器是异步验证器，并且尚未触发，则ngSubmit方法上的表单将处于挂起状态。我试图注册表单statusChange属性的订阅，但当我使用markAsTouched函数手动调用验证时，它不会触发。this.validateAllFor
浏览 1提问于2018-03-27得票数 22
我想实现一个angular表单，它包含一个自定义组件，并使用自定义(异步)验证。与"normal“指令示例一起使用的链接函数不适用于组件。文档只解释了如何使用指令(需要ngModel并在link函数中使用它)来做到这一点。
我该如何使用angular组件来做到这一点？
浏览 0提问于2016-04-07得票数 0
我正在用Angular2验证表单，我使用了默认的验证器和一些自定义的验证函数来验证。我还实现了来自服务器的异步验证。现在的问题是，它在更改事件上验证控件，并在该控件上的每次按键时执行ajax请求。有什么方法可以控制该控件的验证吗？或者在模糊或任何其他事件上执行验证？
浏览 14提问于2016-08-03得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
