问题标签 [angular-forms]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1801 浏览

angular - TypeError:无法读取未定义的属性“名称” TypeError:无法读取未定义的属性“名称”

我正在使用 AngularJS 和 .net 核心。一般来说,我的想法是用角度呈现数据并从.net核心调用WebAPI。呈现数据这不是问题,因为我目前没有完成发布数据,因为我无法从我应该发布的位置显示表单。

app.module.ts

备用类型-form.component.ts

备用类型form.component.html

错误

如果 i from input tag remove[(ngModel)]="spareType.name" required #name="ngModel"表单显示在页面上没有任何问题。我在哪里犯错了?

我已经按照这个例子:https ://github.com/Vintharas/angular2-step-by-step-05-forms-and-validation/tree/master/src/app/person-details

他在哪里初始化空对象?

父组件

备用类型列表.component.ts

备用类型列表.component.html

显示来自数据库的数据正在工作,只是我的表单有问题。

0 投票
1 回答
309 浏览

angularjs - ngMessage 不显示多条消息

我想显示两个错误requiredinvalid email。我在输入代码中添加了一个正则表达式模式来检查无效电子邮件。

但我的 ngMessage 没有显示无效电子邮件的任何消息,它只显示所需电子邮件的消息。

0 投票
0 回答
675 浏览

angular - formGroup angular2中的焦点验证

我正在尝试focusout在 FormGroup 中进行验证,但我还没有找到解决方案。请告诉我们是否可能。我只发现了这个正常的 formGroup 验证,但我的要求是在focusout.

组件.ts:-

app-component.html:-

0 投票
2 回答
3175 浏览

angular - 角2/4。当 FormsModule 内置时,我应该使用 Reactive Forms 做什么?

谁能解释我为什么需要使用它们?

在哪些情况下,与 FormsModule 相比,Reactive Forms 让我的生活更简单更好?

0 投票
1 回答
222 浏览

angular - angular2 - 数据未以嵌套形式显示

首先,我已经阅读了很多关于嵌套表单的 stackoverflow 的答案,但我无法解决这些问题,感谢您的宝贵时间。

我正在尝试制作一个表单来编辑用户信息,我使用的信息是这样的:

在我的组件中,我创建了一个嵌套表单:

我的 html 文件如下所示:


当我尝试打开要编辑的页面时,会创建正确数量的嵌套表单(例如:如果我有 4 个对象数组,则打开 4 个表单)但“邮件”未显示在 .

有人能告诉我我在哪里失踪吗?

如果您需要更多信息,我很乐意提供帮助。


更新:

之前去过的地方问:

  1. STACKOVERFLOW - Angular 2 Form“找不到带有路径的控件”</a>
  2. STACKOVERFLOW - Angular 2 表单“找不到控制”</a>
  3. STACKOVERFLOW -找不到带有路径的控件:angular2
  4. STACKOVERFLOW - Angular 2 使用 FormBuilder 访问嵌套的 FormArrays

教程(我试图用它们来查找我的代码中的错误):

  1. 如何在 Angular 2 中构建嵌套的模型驱动表单
  2. Angular2:构建嵌套的反应形式
0 投票
1 回答
2379 浏览

angular - 如何使异步数据与角度的动态表单模式一起工作

我在 Angular 中使用我们拥有的各种形式的动态表单模式。这对我们来说是一种方便的方式,因为我们只需要在其中定义我们的控件ngOnInit,它就会动态地构建我们需要的表单。但是,有些形式的值必须初始化,并且可以使用 async/await 检索一些值。

这是动态表单的问题,因为当我初始化异步数据时,它会在控制台上引发错误,并且表单没有显示在视图上。

我试图在 ngOnInit 上添加异步并等待异步数据。如示例代码所示:

我还在视图上添加了一个异步管道:

但是,这是行不通的。

有关更多详细信息,请参阅屏幕截图。 在此处输入图像描述

附加代码:

我还是新手,还在学习 Angular。关于初始化异步数据时如何克服该问题的任何建议?

0 投票
4 回答
7504 浏览

forms - Angular 2:如果表单发生更改,则禁用按钮

我想检查我的表单中是否至少有一个字段被更改。如果这种情况为真,disableButton则将设置为true,如果表单中没有更改,则设置为false 。以下是我当前的代码:

问题是,该按钮仅在更改所有字段时才禁用。我应该在条件或 for 循环中添加什么?

0 投票
0 回答
1145 浏览

javascript - 如何设置占位符