问题标签 [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.
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"
表单显示在页面上没有任何问题。我在哪里犯错了?
他在哪里初始化空对象?
父组件
备用类型列表.component.ts
备用类型列表.component.html
显示来自数据库的数据正在工作,只是我的表单有问题。
angularjs - ngMessage 不显示多条消息
我想显示两个错误required和invalid email。我在输入代码中添加了一个正则表达式模式来检查无效电子邮件。
但我的 ngMessage 没有显示无效电子邮件的任何消息,它只显示所需电子邮件的消息。
angular - formGroup angular2中的焦点验证
我正在尝试focusout
在 FormGroup 中进行验证,但我还没有找到解决方案。请告诉我们是否可能。我只发现了这个正常的 formGroup 验证,但我的要求是在focusout
.
组件.ts:-
app-component.html:-
angular - 角2/4。当 FormsModule 内置时,我应该使用 Reactive Forms 做什么?
谁能解释我为什么需要使用它们?
在哪些情况下,与 FormsModule 相比,Reactive Forms 让我的生活更简单更好?
angular - angular2 - 数据未以嵌套形式显示
首先,我已经阅读了很多关于嵌套表单的 stackoverflow 的答案,但我无法解决这些问题,感谢您的宝贵时间。
我正在尝试制作一个表单来编辑用户信息,我使用的信息是这样的:
在我的组件中,我创建了一个嵌套表单:
我的 html 文件如下所示:
当我尝试打开要编辑的页面时,会创建正确数量的嵌套表单(例如:如果我有 4 个对象数组,则打开 4 个表单)但“邮件”未显示在 .
有人能告诉我我在哪里失踪吗?
如果您需要更多信息,我很乐意提供帮助。
更新:
之前去过的地方问:
- STACKOVERFLOW - Angular 2 Form“找不到带有路径的控件”</a>
- STACKOVERFLOW - Angular 2 表单“找不到控制”</a>
- STACKOVERFLOW -找不到带有路径的控件:angular2
- STACKOVERFLOW - Angular 2 使用 FormBuilder 访问嵌套的 FormArrays
教程(我试图用它们来查找我的代码中的错误):
angular - 如何使异步数据与角度的动态表单模式一起工作
我在 Angular 中使用我们拥有的各种形式的动态表单模式。这对我们来说是一种方便的方式,因为我们只需要在其中定义我们的控件ngOnInit
,它就会动态地构建我们需要的表单。但是,有些形式的值必须初始化,并且可以使用 async/await 检索一些值。
这是动态表单的问题,因为当我初始化异步数据时,它会在控制台上引发错误,并且表单没有显示在视图上。
我试图在 ngOnInit 上添加异步并等待异步数据。如示例代码所示:
我还在视图上添加了一个异步管道:
但是,这是行不通的。
附加代码:
我还是新手,还在学习 Angular。关于初始化异步数据时如何克服该问题的任何建议?
forms - Angular 2:如果表单发生更改,则禁用按钮
我想检查我的表单中是否至少有一个字段被更改。如果这种情况为真,disableButton
则将设置为true,如果表单中没有更改,则设置为false 。以下是我当前的代码:
问题是,该按钮仅在更改所有字段时才禁用。我应该在条件或 for 循环中添加什么?
angular - 使用 hasError() 进行验证的表单生成器会引发 ERROR TypeError 错误:无法读取未定义的属性“hasError”
嗨,我正在使用 Form Builder 以 Angular 2 实现一个表单
在 component.ts 我已经使用 formGroup 实现了我的表单
下面是我的代码
它工作正常。但是当要在前端显示验证时
我是这样用的
它正在工作,但在控制台中抛出错误,如下所示
错误类型错误:无法读取未定义的属性“hasError”
请帮助我如何排序。
谢谢你。
angular - 未在数据驱动表单中使用电子邮件验证器显示 md-hint
当电子邮件无效但未在我的 html 中显示时,我尝试显示 md 提示。
html
组件.ts
谢谢你的帮助!