Angular2无法读取窗体的“valid”的属性或未定义的属性
是因为窗体控件没有被正确地绑定到Angular2的表单模块中。在Angular2中，要使用表单验证，需要在组件中引入FormsModule，并在HTML模板中使用ngForm指令来创建表单。
要解决这个问题，可以按照以下步骤进行操作：
- 在组件中引入FormsModule：import { FormsModule } from '@angular/forms';
- 在组件的NgModule的imports数组中添加FormsModule：@NgModule({ imports: [ FormsModule ], ... })
- 在HTML模板中使用ngForm指令来创建表单，并将窗体控件绑定到表单中：<form #myForm="ngForm"> <input type="text" name="myInput" [(ngModel)]="myInputValue" required> </form>
- 确保窗体控件的名称与ngModel绑定的属性名称一致。
这样，Angular2就能正确地读取窗体的“valid”属性，并进行表单验证。
关于Angular2表单验证的更多信息，可以参考腾讯云的相关产品AngularJS：https://cloud.tencent.com/document/product/1136/46342
相关·内容
您好，我正在使用form，但由于某种难以理解的原因，它给了我一个错误这些是我的代码 <form name="form" (ngSubmit)="f.form.valid && recommend(f.value, f.valid)" #f=&q
浏览 1提问于2017-06-16得票数 3
1回答
="off" placeholder="Username" required [(ngModel)]="name" name="name"> @{{ name.validplaceholder="Password" required> <button type="submit">Submit</button>
<&#x
浏览 2提问于2016-08-06得票数 0
var FormID = $('form').attr('id');
if ($('#' + FormID).valid()) { // getting error in this line withinomnichannel-prodsupp-workingrepo-11/src/vendors/jquery-validation/js/jquery.validate.min.js:4:1217)：TypeError:无法<
浏览 5提问于2016-02-04得票数 0
在我的angular2应用程序中，我得到了以下错误。
TypeError:无法读取未定义的属性“visitStatement”
浏览 0提问于2016-07-04得票数 7
我有一张这样的表格-表单中有一些我正在验证的字段，然后像这样提交表单-$scope.$watch('myForm.$valid', function(validity) { //
浏览 0提问于2015-03-17得票数 1
1回答
我正在学习Angular2，并试图检查组件中的文本字段是否有效。我构建了一个名为MyUpload的组件，并在一个模态组件中调用它。在我的模型中，我试图验证其中的字段(myField)是否有效。[disabled]="f.form.valid && upload.form.myField.valid" ...>Save</button>无法读取未定义<
浏览 1提问于2019-11-11得票数 0
我有一个有名字字段和两个验证的表单--必需的和最大的长度。当我输入正确的值时，控制器中的表单将显示有效并返回true。但在输入错误数据时，$valid并没有抛出虚假信息，只是简单地说-为什么在这种情况下表单没有定义？
浏览 6提问于2015-03-17得票数 5
回答已采纳
我正在尝试编写一个自定义验证器，用于检查字段中输入的值是否高于或低于外部对象的属性。< this.secondFormGroup.getRawValue().budget) {} else {}
validateBudget: { }}
然而，上面的方法并不起作用。我收到错误:无法读取<em
浏览 3提问于2018-02-10得票数 2
回答已采纳
我密切关注Angular2快速入门，但无法使其正常工作。我得到未捕获的拆分:无法读取未定义的属性‘TypeError’这是我的代码。
谢谢，鲍勃
浏览 0提问于2016-01-18得票数 1
$valid);输出控制台给了我错误TypeError：
注意:如果我删除了表集，它将按要求工作。
浏览 2提问于2016-01-07得票数 1
回答已采纳
Angular2单元测试Http MockBackend问题-无法读取未定义的mergeOptions属性合并。类型记录编译器工作正常。这是我得到的gitbash错误:无法读取mergeOptions.上未定义的属性“合并” import {Injec
浏览 1提问于2015-12-09得票数 1
无法读取未定义的(c:\Users...\Desktop\Tutorials\Angular2\udemy\02-directives\node_modules\@angular-cli\ast-tools\src\change.js:96:20)的属性“read”：不能读取未定义的属性“read”at c:\Users...\Desktop\Tutorials\Angular2\
浏览 5提问于2016-09-28得票数 1
回答已采纳
1回答
我正在遵循提供的表单示例，当我加载页面时，会得到以下错误"angualr2这是博客中的第一个数据驱动表单示例。index.html System.paths = {
'angular2/*' :
浏览 0提问于2015-03-26得票数 3
回答已采纳
我有一个名为USAFacts的对象，它具有属性(如StateName )和对象(如状态鸟)，其属性与状态鸟有关。在JSON中，USAFacts的记录如下所示：我可以
浏览 8提问于2017-02-24得票数 1
回答已采纳
2回答
因此，如果用户从未实际接触某个字段(或任何字段)并点击submit，表单将成功验证并提交，从而导致服务器端验证错误。I encounter the error _"TypeError: Cannot read property '$valid' of undefined"_
虽然我认为这是一种有趣的方法$valid。尽管我确实命名了我的表单，但$scope.ownerForm不起作用。表单属性是未定义的</e
浏览 3提问于2014-04-11得票数 2
$refs.form.reset()或this.$refs.form.resetValidation()时，我会得到以下错误
<v-formref="form" lazy-validation
style=&
浏览 32提问于2020-04-21得票数 1
1回答
我用的是angular2 formsModule和。当我试图在form标记之外检查form的有效性时，我会得到一个
<button (click)="check(fooForm.valid)"></button> <
浏览 4提问于2016-10-31得票数 0
1回答
我正在使用typescript在Angular2中编码。String; }; one: String;} }
one: String;}
错误:未知(承诺)：TypeError:无法读取未定义Typ
浏览 2提问于2018-01-17得票数 2
回答已采纳
1回答
我和Angular2玩了很久了。所有的代码都在流血边缘，使用最新的TypeScript Nightly1.6和角alpha 34。我无法从其中一个组件调用父路由器。如果可能的话请帮帮我。localStorage.removeItem('jwt'); else {
// Validthis.router.parent.navigate('/dashboard&
浏览 0提问于2015-08-09得票数 3
我通过npm配置了一个新的Angular2类型应用程序。但在IntelliJ IDEA(2016.3.4)中，我无法从控制台运行。它的显示错误：
浏览 1提问于2018-06-01得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
