angular-forms 相关问题

Angular 5 根据另一个字段的值有条件地验证字段

如何根据另一个字段的值有条件地验证一个字段？这是我尝试过的，但似乎不起作用 this.PDform = _formbuilder.group({ [...] 'intlNumber': ['',this.nation...

FormGroup 错误 TypeError：无法读取未定义的属性“get”

我试图从我的表单中获取值，但收到此错误： 错误类型错误：无法读取未定义的属性“get” 添加消息：表单组； 获取消息(){ 返回 this.addMessage.get('

如何使用 ngOnInit 初始化反应式表单？

我一直在尝试使用我订阅的可观察对象来初始化我的反应形式。在表单类模板中，我使用 ngOnInit 钩子来获取我想要的对象，在本例中，...

VS 代码显示 Angular Reactive Form Control 的代码问题

我遇到了 Angular 语言服务突出显示的代码问题，显示我无法绑定到“formControl”，因为它不是“input”的已知属性。 我已经仔细检查过反应性...

通过javascript以角度形式设置textarea的值

以下内容似乎不适用于角度形式 document.querySelector(TEXTAREA_SELECTOR).value = "一些文本" 我尝试过 .title、.name 或 .innerText 但似乎都不起作用。 我是...

Typescript 无法分配类型化的 FormGroup

我有一个类型化的 FormGroup 和一个通用组件，该组件将 FormGroup 作为输入并处理错误。 我的 FormGroup 如下所示： 过滤器表单=新的表单组（{ 名称：新的 FormContr...

在 Angular 中派生类型化 FormGroup 的值的类型

使用 Angular 中新的类型化表单控件，我们可以这样做： 接口 MyFormGroup { id: 表单控件; 名称：FormControl； 电子邮件：FormControl<...

从 Angular Reactive Form 中检索日期值

我在我的 Angular 组件中创建了一个响应式表单，我想用它从用户那里检索日期范围。 超文本标记语言 我在我的 Angular 组件中创建了一个响应式表单，我想用它从用户那里检索日期范围。 HTML <form [formGroup]="dateRangeForm" (submit)="onSubmit(f)" #f> <div class="card-block"> <div class="form-group"> <label for="start-date">Start Date: </label> <input id="start-date" type="date" class="form-control" formControlName="startDate"/> </div> <div class="form-group"> <label for="end-date">End Date: </label> <input id="end-date" type="date" class="form-control" formControlName="endDate"> </div> <div class="card-footer separator"> <input type="submit" value="Search"> </div> </div> </form> TypeScript this.dateRangeForm = this.formBuilder.group({ startDate: [ new Date(), Validators.required ], endDate: [ new Date(),Validators.required ], }); 对于我的提交表单，我尝试从表单控件中检索数据，如下所示。 onSubmit(form: FormGroup) { var startDate:string = form.controls["startDate"].getRawValue(); var endDate:string = form.controls["endDate"].value; } 但是，当我这样做时，我在开发工具控制台中得到以下 TypeError ，并且我不明白为什么如果我在 FormGroup 的 group() 方法中声明了表单控件。我尝试将 startDate 和 endDate 的数据类型更改为字符串，但遇到了同样的错误。 core.mjs:6362 ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError(AppModule)[CaseErrorsDashboardService -> CaseErrorsDashboardService -> CaseErrorsDashboardService]: NullInjectorError: No provider for CaseErrorsDashboardService! NullInjectorError: R3InjectorError(AppModule)[CaseErrorsDashboardService -> CaseErrorsDashboardService -> CaseErrorsDashboardService]: NullInjectorError: No provider for CaseErrorsDashboardService! at NullInjector.get (core.mjs:8990:1) at R3Injector.get (core.mjs:9157:1) at R3Injector.get (core.mjs:9157:1) at R3Injector.get (core.mjs:9157:1) at ChainedInjector.get (core.mjs:21488:1) at lookupTokenUsingModuleInjector (core.mjs:3289:1) at getOrCreateInjectable (core.mjs:3334:1) at ɵɵdirectiveInject (core.mjs:10306:1) at NodeInjectorFactory.CasesAndErrorsDashboardComponent_Factory [as factory] (ɵfac.js:1:1) at getNodeInjectable (core.mjs:3519:1) at resolvePromise (zone.js:1262:1) at resolvePromise (zone.js:1216:1) at eval (zone.js:1329:1) at _ZoneDelegate.invokeTask (zone.js:443:1) at Object.onInvokeTask (core.mjs:26299:1) at _ZoneDelegate.invokeTask (zone.js:442:1) at Zone.runTask (zone.js:214:1) at drainMicroTaskQueue (zone.js:632:1) at ZoneTask.invokeTask [as invoke] (zone.js:529:1) at invokeTask (zone.js:1727:1) 尝试将 CaseErrorsDashboardService 添加到您的提供商 例如在 AppModule 中 添加这个： providers: [CaseErrorsDashboardService ]

在自定义表单控件中访问 fromControl 的最佳方式是什么

在我的自定义表单控件之一内，我需要访问其表单控件。事实证明，这并不是很简单。在网上我找到了3个解决方案： 使用验证器接口和ac...

从 Angular 中的自定义表单组件访问 FormControl

我的 Angular 应用程序中有一个自定义表单控件组件，它实现了 ControlValueAccessor 接口。 但是，我想访问与我的组件关联的 FormControl 实例....

Angular 表单验证起始日期应大于截止日期

我创建了一个小型反应式表单验证 表单验证工作正常，但是当我更改 fromDate 并更改为 toDate 时，时间验证不起作用。 如果我在重新做...

Angular 11如何使用反应式表单验证confirmPassword与密码相同

从 '@angular/core' 导入 { Component, OnInit }; 从 '@angular/forms' 导入 { FormControl, FormGroup, Validators }; @成分（{ 选择器：'应用程序用户注册'， templateUrl: './用户注册。

如何删除我们网站中不再使用但存储在我们的图像服务器中的图像？

我正在开发一项功能，在表单中提供图像上传和删除选项。为了存储图像，我使用了 cloudinary 服务器并创建了两个用于上传和删除图像的 API。上传时...

为什么角度表单自定义验证不起作用？[已解决]

**大家好 我有 Angular 项目，对于其中的注册表，我创建了一个用于密码，另一个用于确认密码，我收到了两个错误 第一：** 错误类型错误：

Angular FormGroup patchValue/setValue 不会触发属性装饰器的 getter

我正在尝试使用名为 @Amount() 的自定义属性装饰器，它最终会将属性值格式化为我需要的特定格式。 amount.decorator.ts 导出常量金额 = () =>...

角度验证表格

错误类型错误：无法读取未定义的属性（读取“hasError”） 在模板处（user-profile.component.html:18:41） 我可以尝试很多想法，但我无法解决这些问题，请帮助我

如何设置可选或条件表单ControlName？

长话短说： 我正在寻找一种能够根据某些条件添加/填充或不添加属性“formControlName”的方法。 null/空字符串值对我来说很好，但是 Angular ...

为什么角度表单自定义验证不起作用？

**大家好 我有角度项目，对于其中的注册表，我创建了一个用于密码，另一个用于确认密码，我收到了两个错误 第一：** 错误类型错误：

如何修复反应式表单验证中的“对象可能为空”错误？

在我的 .ts 文件中，我已将 null 设置为反应式表单的默认值，并使用反应式表单中的必需属性进行验证，如下所示： 从 '@angular/core' 导入 { Component, OnInit }; 导入 {

具有多个嵌套表单组的角度表单

为什么这不起作用？该按钮不起作用，我怀疑该表单也不起作用。这只是我正在工作的更大更复杂的表单/表单组的一个示例。较大的情况...