在angular 8中使用ngModel和ngModelOption进行表单验证

文章/答案/技术大牛

发布

1回答

angular、ngmodel、angular2-form-validation

我正在使用angular 8与formGroup和formController进行验证，它在反应式表单和模板驱动表单中工作得很好。然而，我试图在angular 8中使用带有"ngModelOptions“属性的"ngModel”(它是一个动态生成的字段)。它使用"required“属性正确地显示了字段级别的验证，但我

浏览 28提问于2020-02-04得票数 1

回答已采纳

1回答

HTML5电子邮件验证和angular2一起工作吗？

html、angular、html5-validation

我目前正在使用angular2进行验证。我在HTML5电子邮件和网站验证器以及valid ngModel的属性方面有一些问题。例如： <input type="email" #email="ngModel" [(ngModel)]="contact.email" nam

浏览 1提问于2016-08-02得票数 6

1回答

Angular2模型驱动的表单与模板驱动的表单

angular、angular2-forms

我正在使用Angular2。我想做表格验证。value="{{option.id}}" > </option>在许多关于如何进行angular2验证的博客中，他们说在表单上使用formGrou

浏览 3提问于2016-09-21得票数 2

3回答

如何在角度8中应用验证。我正在尝试，但它不能正常工作

angular、typescript

<form> <input type="password" [(ngModel)]="credentials.password" #password="<em

浏览 4提问于2020-02-13得票数 0

回答已采纳

1回答

使用NgModel angular 7进行表单验证

angular、forms、validation、ngmodel

我不知道我的Ngclass为什么不能工作，如果你找到解决方案了，谢谢你在我的HTML中： <form [formGroup]="pageForm"> ...f.name.errors }"></i> </form> <em

浏览 26提问于2019-06-24得票数 1

回答已采纳

1回答

AngularJs不使用ngModel就序列化表单数据

javascript、angularjs、forms

在继续我的问题之前，我知道如何使用AngularJs在ngModel中获取表单数据，但这会带来一些问题，因为每次用户与表单交互时，它都会运行摘要周期，这可能会在应用程序的某些领域造成一些性能问题。我知道我可以通过使用ngModelOption对此进行“一些”控制，但使用起来并不简单，因为我需要为表单中的每个ngModel应用它。至少我不知道还有什么办法能解决这个问题。基本上，我需要

浏览 3提问于2016-12-09得票数 0

回答已采纳

1回答

angular 2上的Ajaxsubmit

angular

我开始使用Angular 2进行开发，之前的知识是AngularJS。如何使用或类似工具在不使用默认表单提交的情况下使用AJAX提交表单？问题集中在将文件上传到服务器上。我以前在AngularJS中使用过ajaxsubmit，但是还没有发现如何在Angular 2中做到这一点。谢谢。

浏览 2提问于2016-11-07得票数 0

1回答

在角度模板驱动的表单中使用"Validators.requiredTrue“

angular、validation、angular2-template

在允许注册之前，我需要验证用户是否选中了"TOS“复选框。我想使用来做这件事，但是我在文档中找不到在模板驱动的表单中使用这个验证器的方法。有可能吗？如果有，你能举个例子吗？

浏览 17提问于2017-07-19得票数 2

2回答

模型驱动表单验证不起作用

angular、angular2-forms

当使用模型驱动的表单验证时，它开始变得令人沮丧，到目前为止，它还没有工作2天。据我所知，Angular2测试版仍然存在一些bug。我在使用了角-io的例子，在使用了不同的例子。有人能给我提供一个我可以试用的验证示例吗？

浏览 5提问于2016-04-15得票数 0

回答已采纳

1回答

AngularJS：$parsers对$validators

javascript、angularjs

在AngularJS中，$parsers和$validators都可以用来验证表单。我想知道使用$parser和使用$validator到底有什么区别。让我们看看下面的示例：angular.module("myFormApp") .directive("containsWhiteSpace", containsWhiteSpacefunction h

浏览 3提问于2015-06-24得票数 6

回答已采纳

6回答

Angular -没有将"exportAs“设置为"ngModel”的指令

angular、angular2-forms、angular2-ngmodel

根据一些帖子中的建议，我添加了以下内容：在输入字段中，但仍然收到错误。"dependencies": { "@angular/compiler": "^2.3.1

浏览 124提问于2017-05-22得票数 17

回答已采纳

1回答

angular 6中带有验证和子组件的ngForm

angular

form #basic="ngForm"> <label>Firstname:</label> </div> <label>Lastname:</label> <input type="text&qu

浏览 0提问于2019-06-06得票数 1

2回答

Angular 2-删除自动保存用户名和密码

angular、angular-forms

我在表单中有一个日志，其中我使用Angular 2表单验证进行了验证，如下所示。)]="model.username" #username="ngModel" required <div class="alert alert-danger" [hiddenf.submitted || (username.touched &&

浏览 0提问于2017-10-27得票数 0

2回答

Angular2窗体中的自定义验证

angular

按照下面的示例： <input type="text" class="form-control" id="name" #name="ngModel" > <div [hidden]="name.valid||

浏览 2提问于2016-08-28得票数 6

1回答

角度2，设置表单中文本输入的值

javascript、typescript、angular、angular2-forms

我有一个表单来编辑用户的详细信息和旁边的列表与我的所有用户。当我单击列表中的一个用户时，我想用用户详细信息(setEditForm( user ))填充我的编辑用户表单。这是做这件事的正确方法吗?还是我只是幸运地让它工作了？template: ` <form (ngSubmit)="editUser(f.value)" #f="ngFo

浏览 1提问于2016-03-12得票数 8

回答已采纳

1回答

在Angular 2+中，是否可以通过编程方式将输入值重置为其先前的值？我有'Select‘下拉列表，在选择一个值后，如果某些验证失败，我需要将它的值重置为前一个值。如何使用ngModel (模板表单)和formControl (反应式表单)实现相同的功能？(只需要知道这两种方法是否可行)。我已经知道，如果我们在模板的select标记中将ngModelChange事件放在ngModel之

浏览 27提问于2019-01-28得票数 5

2回答

#form="ngForm“和[ngFormModel]之间的差异=”form“？

angular、angular2-forms

两者之间的区别是什么：和什么时候你会使用其中一个而不是另一个呢？

浏览 2提问于2016-01-30得票数 26

回答已采纳

4回答

为什么角1表单验证不工作没有ng模型

angularjs、angularjs-forms

我正在尝试实现基本的角度形式验证。我也是这样做的。但我很想知道，如果我不使用ng模型，它为什么不起作用呢？显示相同行为的链接

浏览 4提问于2016-12-29得票数 1

回答已采纳

1回答

Angular2中的JQuery表单验证器

jquery、angular

是否可以在Angular2中使用jQuery表单验证器？我已经尝试了一个基本的表单，发现验证没有发生。)]="email" #email="ngModel" />

浏览 3提问于2017-10-06得票数 0

4回答

angular2中的表单

angular、angular2-forms

对于如何在angular2测试版中使用表单(模板或模式驱动)有点困惑。目前，我使用的是模式驱动的表单，但是这里有一些错误，这是我的form.html： <input type="text" [ngFormControl(click)="demoSubmit(demo.value)">Done</button> </

浏览 2提问于2015-12-18得票数 6

回答已采纳

点击加载更多