Angular 5表单提交标志未定义
Angular 5是一种流行的前端开发框架，用于构建Web应用程序。在Angular 5中，表单提交标志未定义的错误通常是由以下几个原因引起的：
- 表单控件未正确绑定：在Angular中，表单控件需要与组件中的属性进行双向绑定。如果表单控件没有正确绑定到组件中的属性，那么在提交表单时就会出现未定义的错误。解决方法是确保表单控件与组件中的属性正确绑定。
- 表单控件的名称错误：在Angular中，表单控件的名称在模板中定义，并且需要与组件中的属性名称一致。如果表单控件的名称错误，那么在提交表单时就会出现未定义的错误。解决方法是确保表单控件的名称与组件中的属性名称一致。
- 表单验证失败：在Angular中，可以使用表单验证来确保用户输入的数据符合要求。如果表单验证失败，那么在提交表单时就会出现未定义的错误。解决方法是检查表单验证规则，并确保用户输入的数据符合要求。
- 表单提交方法未定义：在Angular中，表单提交需要在组件中定义一个方法，并在模板中调用该方法。如果表单提交方法未定义，那么在提交表单时就会出现未定义的错误。解决方法是确保在组件中定义了表单提交方法，并在模板中正确调用该方法。
总结起来，解决Angular 5表单提交标志未定义的错误，需要确保表单控件正确绑定、名称正确、验证规则正确，并且在组件中定义了表单提交方法并正确调用。以下是一些相关的腾讯云产品和链接，可以帮助您更好地理解和解决这个问题：
- 腾讯云云开发（CloudBase）：提供全栈云开发平台，可快速构建和部署Web应用程序。了解更多信息，请访问：https://cloud.tencent.com/product/tcb
- 腾讯云CDN（内容分发网络）：加速静态资源的传输，提高网站的访问速度和稳定性。了解更多信息，请访问：https://cloud.tencent.com/product/cdn
- 腾讯云API网关：提供API的管理和发布服务，方便构建和管理Web应用程序的后端接口。了解更多信息，请访问：https://cloud.tencent.com/product/apigateway
请注意，以上链接仅供参考，具体的产品选择应根据您的实际需求和情况进行决策。
相关·内容
正在开发angular2测试版Forms。经过大量的搜索，没有发现任何有用的东西。希望这里有人能帮我。
基本上，我有点困惑如何在angular2中以适当的方式使用表单(即使用ngControl、ngFormControl等)。我在这里创建了一个plnkr
这是我的.html代码：
<form class="form-horizontal" id='myForm' role="form" [ngFormModel]="CreateGroup">
<div class="col-md-7"
浏览 56提问于2016-02-14得票数 13
1回答
在提交表单时，我希望使用输入元素的属性。我阅读了模板引用变量的概念，它有助于在角度上实现这种情况。
当我用一个值分配输入元素的'id‘属性时，然后当我尝试获取时，它会抛出一个错误。它只允许模板引用变量提取属性。
为什么不直接调用输入元素的ID属性来访问它的属性？
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-test',
// templateUrl: './test.component.html',
templa
浏览 1提问于2019-06-01得票数 0
我实际上正在处理一个表单，并且我正在为每个字段进行验证。但是有一个问题。我的component.html文件块如下所示，
<div class="field"style="padding:1%">
<label>Pacs name</label>
<input
name ="name"
type="text"
[(ngModel)]="pacs.name"
formControlName=&
浏览 0提问于2018-03-06得票数 1
我正在创建一个自定义角组件，当我的FormControl (反应性表单)无效时，它会显示一个错误工具提示。但是，我不知道如何访问自定义组件中的FormControl来检查它是否被标记为有效。
我想要完成的
<div [formGroup]="form">
<input formControlName="name" type="text" />
<custom-validation-message formControlName="name">My special erro
浏览 7提问于2019-12-28得票数 6
回答已采纳
我理解组件类中的FormGroup实例可以在反应性表单中链接到模板中的表单，以验证其输入字段。但是，我不知道如何在模板驱动的表单中使用FormGroup。ngModel和FormGroup有什么区别？
浏览 0提问于2019-02-08得票数 1
回答已采纳
我正在使用angular.js和WebAPI的最新版本&引导。
想象一下，一个只有几个文本框的表单&提交按钮。一旦用户提交表单，数据将通过服务器上的WebAPI调用进行验证，因为我们不能信任客户端验证。
在API控制器中，我们执行所有业务验证。假设在所有文本框中输入的数据无效：
如何从我的WebAPI返回错误消息，以便表单正确地显示它？
在正常的MVC方式，没有角度，这是容易的。我们可以向ModelState添加错误，视图将选择它并正确地显示错误。
浏览 4提问于2015-02-04得票数 1
回答已采纳
您可以使用html在角中使用html来完成表单验证，但是如果在输入字段中按下<enter>键，表单就会被提交，而所有的数据都是未定义的(忽略了禁用按钮)。
如何在ng-submit="submitForm()"处理程序(属于它的地方)中进行表单验证。
编辑:所以每个人都告诉我，enter会触发提交按钮来提交(而且由于它的禁用，它应该能工作) --我不相信这是真的，但这是我的表单。对我来说，当我按回车时它就会提交给我。
<form novalidate class="user" name="user" ng-show="s
浏览 0提问于2013-12-13得票数 2
回答已采纳
我试图找到最好的方式重置角反应形式。我有点搞不懂重置反应性表单，也找不到哪种方法是模板驱动的表单，哪种是反应性表单。现在，我使用'formGroupDirective‘重置，但我得到控制台错误，如下所示。
这就是我使用formGroupDirective进行重置的方法。
模板文件：
<form
...
#formDirective="formGroupDirective"
>
TS文件：
import { ViewChild, ... } from '@angular/core';
import { FormGr
浏览 2提问于2019-01-30得票数 3
回答已采纳
我有一个表格，看上去如下：
<form (submit)="onSubmit()" #f="ngForm">
<div class="form-group">
<label for="email">E-Mail</label>
<input type="text" class="form-control" id="email" name="email" ng
浏览 0提问于2019-05-17得票数 0
回答已采纳
我正在致力于将一个大型AngularJS应用程序升级到Angular 5+。这意味着在混合AngularJS应用程序中使用新的Angular 5组件。在许多情况下，表单嵌套在其他表单中。旧的AngularJS代码的父表单如下所示： export default function PersonDirective() {
return {
restrict: "E",
template: `
<div ng-form="personForm">
<
浏览 31提问于2020-04-23得票数 3
1回答
我最近尝试使用angular 2创建我自己的自定义表单控件。该自定义控件应该有2个输入，并使用已知的结构编辑现有对象。例如：
class model {
public fieldOne: number;
public fieldSec: number;
}
我遵循了在这里找到的很好的解释：
它工作得很好，除了指南没有提到我如何将自定义控件表单验证连接到使用它的表单。让我们看一个简化的例子：
自定义控件模板看起来像这样：
<form>
<input [(ngModel)]="existingModel.fieldOne">
浏览 10提问于2016-09-11得票数 6
我开始使用Angular 2进行开发，之前的知识是AngularJS。如何使用或类似工具在不使用默认表单提交的情况下使用AJAX提交表单？问题集中在将文件上传到服务器上。
我以前在AngularJS中使用过ajaxsubmit，但是还没有发现如何在Angular 2中做到这一点。谢谢。
浏览 2提问于2016-11-07得票数 0
我在Angular2中有一个自定义表单组件，它使用ControlValueAccessor接口与父组件中的表单集成。当组件被触摸时，这可以很好地使窗体变脏。
然而，我找不到任何方法来获取组件上标记为“必填”的字段，导致父窗体在未完成时变为“无效”。
这有可能吗？
浏览 0提问于2016-11-04得票数 3
我正在使用angular 5和Bootstrap 4开发一个安全的表单。如何在表单提交之前验证表单运行时？请在angular 5中指导或分享任何关于响应式验证的文章。在那里我可以学习关于文本，数字，电子邮件，描述等的验证。
这是我在StackOverflow的第一个问题。谢谢。
浏览 3提问于2018-03-12得票数 2
1回答
import { FormGroup, FormBuilder, Validators, FormControl } from '@angular/forms';
ngOnInit() {
this.createFormControls();
this.createForm();
}
createFormControls(){
this.firstName = new FormControl('',Validators.required);
this.lastName= new FormContr
浏览 2提问于2018-11-23得票数 0
1回答
假设我有一个Angular形式的表单：
<form [formGroup]="form">
<md-input-container>
<input mdInput formControlName="name" [(ngModel)]="dummy.name" name="name">
<md-error *ngIf="form.controls.name.hasError('required')">This is
浏览 12提问于2017-08-09得票数 3
回答已采纳
我有一个表单，表单有多个输入，这些输入都绑定到不同的变量。在提交表单之前，我需要进行有效性检查、原始检查等。例如，如果表单的每个部分都是原始的，或者如果某个部分无效，我希望禁用我的submit按钮。
使用角5，我试图访问每个输入字段的.pristine、.valid和.invalid标志，但是这些值要么是未定义的，要么“无法获得未定义的.pristine”。
我能够在整个表单本身上获得这些标志，但这并没有帮助，因为我想知道如何为每个单独的输入获取这些标志。
下面是我的当前代码(为了简化示例，我删除了许多输入)。
<form #editDetailsForm="ngForm"
浏览 0提问于2018-08-31得票数 0
回答已采纳
在我的angular应用程序中，我有一个带有如下模板的组件：
<div>
<app-component2 [input1]="value"></app-component2>
</div>
在typescript-part中使用@Input input1。
当构建/运行应用程序时，我得到一个解析器错误:意外的标记'value‘at column...我认为这是向component2提交input1值的方法。我做错了什么？
浏览 0提问于2020-06-05得票数 0
我有一个使用反应性表单方法的表单。该表单在“我的帕格”中创建如下：
form([formGroup]='form', novalidate='', (ngSubmit)='postSurvey(form.value, form.valid)')
除了我试图更改javascript部分中的表单(这是一个FormArray)之外，一切都很好。我得到以下错误：
EXCEPTION: Error in http://localhost:8080/app/components/fillForm.template.html:0:326 caused by:
浏览 21提问于2017-01-04得票数 106
我以前从未使用过Angular2或Angular2，但现在我必须对运行在我的域上的一个使用Angular的站点进行更新。我需要以编程方式填写一个文本框并单击submit，但是在使用.value = "val“设置文本框的值之后，它仍然将该文本框视为空。
我已经阅读了有关angular的内容，现在理解了ng-脏和ng-pristine的概念，但通过编程将类更改为ng-脏仍然不起作用。
似乎即使我更改了类，它仍然没有更新“原始”状态，并且它仍然认为文本框是空的。
我读过有关"markAsDirty()“的文章，并尝试使用它，但得到的结果是"markAsDirty不是一个函数
浏览 0提问于2016-11-18得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
