angular2-forms 相关问题

Angular表单是数据输入控件的集合。将此标记用于与模板驱动和反应形式有关的问题,包括NgForm,FormGroup,FormControl,AbstractControl,FormBuilder和Validator,以及表单和组件之间的数据绑定。


如何以角电抗形式进行最小和最大验证?

我有以下代码:Constructor(){this.feedbackForm = new FormGroup({ .maxLength(5),...

回答 1 投票 0

Angular FormGroup无法读取未定义的属性'get'

我是Angular的新手。我希望使页面具有动态添加文本输入的功能。我使用FormGroup来解决此问题。这是我的代码:createInputDynamicly.ts export class ...

回答 1 投票 0

如何使用OwlDatepicker打开输入元素附近页面上的日历?

我正在使用owlDateTimepicker来实现日期时间日历的目的,因为它在Material中不可用。我面临一个奇怪的问题。我正在获取日期时间日历,但是当我们单击...

回答 1 投票 0

接口中的函数返回类型

我是Angular 2 / Typescript的新手。我正在解决Typescript中的接口。我的意思是,通过使用此方法,我们可以在编译或开发时本身检查类型。我已经创建了一个接口...

回答 1 投票 0

如何根据Angular 2中的条件设置选中的单选按钮

如何设置单选按钮的选中和单击事件。场景:如果是服务组,则应选中单选按钮2并禁用第一个按钮并阻止它。如果是访问组,则两个电台都应...

回答 1 投票 0

“ min”验证规则在使用Angular2“ ngForm.valid”时不适用

我正在使用Angular 8表单模块进行表单验证。我的问题是,“最小”验证规则不适用于验证。这是我的示例表单:html:

回答 1 投票 0

Q:如何使用具有ng-content的Angular 2模板形式?

是否不可能在ng-content中包含表单输入元素,并且无法将其“连接”到父组件的ngForm实例?使用父组件的基本模板: ] >> 此时您很有可能提出了另一种解决方案,但我只是想出了一种解决方法。希望它将对您或其他人有所帮助。 import { NgModel } from '@angular/forms'; import { Component, ContentChildren, ViewChild, QueryList, AfterViewInit } from '@angular/core'; @Component({ selector: 'my-custom-form', template: ` <form (ngSubmit)="onSubmit(editForm)" #editForm="ngForm" novalidate> <ng-content></ng-content> <button type="submit">Submit</button> </form> `, }) export class MyCustomFormComponent implements AfterViewInit { @ContentChildren(NgModel) public models: QueryList<NgModel>; @ViewChild(NgForm) public form: NgForm; public ngAfterViewInit(): void { let ngContentModels = this.models.toArray(); ngContentModels.forEach((model) => { this.form.addControl(model); }); } public onSubmit(editForm: any): void { console.log(editForm); } } 然后您可以像这样在模板中使用它: <my-custom-form> <input name="projectedInput" ngModel> </my-custom-form> 提交表单时,您会看到projectedInput表单控件已添加到NgForm。 注:我仅尝试从AfterViewInit生命周期挂钩添加投影的输入。我不确定它可能会更早工作。这样做可能还会有一些我不知道的问题。 YMMV。 我还想在定制组件上使用具有ng-content的形式,例如(我的html组件内容) <form> <ng-content></ng-content> </form> 但是,表单看不到带有ng-content传递的元素。因此,此表单属性(如form.valid,form.dirty)不会更新。我使用了上面的提示来手动添加元素,使其形式如下: public ngAfterViewInit(): void { let ngContentModels = this.models.toArray(); ngContentModels.forEach((model) => { this.form.addControl(model); }); } 使用此代码,可以更新form.dirty等,但是它有一个缺点。如果传递与ngModel绑定的组件,则值将更新两次,例如: <input [ngModel]="value" (ngModelChange)="onChange($event)/> onChange($ event)方法被调用了两次! 您知道如何解决吗?

回答 2 投票 21

如何使复选框的行为类似于角度6中的单选按钮?

我有一组复选框,还有一个新添加的复选框。如果要检查来自该组的任何复选框,我想禁用添加的复选框,如果...

回答 1 投票 0

角度6错误显示 不是一个已知元素

我正在尝试在Angular 6项目中使用Angular Material,但遇到错误'mat-panel-title'不是一个已知元素:'mat-panel-description'不是一个已知元素:'mat-expansion-panel-header '是...

回答 2 投票 0

错误:初始化后无法更改选择的`multiple'模式

错误图像: [ ]]] 此问题有一个非常丑陋的解决方法,将您的Mat-select变形为* ngif = true,并创建一个具有Multiple属性的副本,并在其下方包裹一个* ngif =!true。>

回答 1 投票 0

我如何将select指令应用于* ngFor生成的第一个选项?

我有一个select,它的选项是为ngOninit挂钩中的HTTP请求返回的数据生成的。它看起来像这样:ngOnInit(){this.documentosService.buscaParametros(this.request)....

回答 2 投票 1

如何解析打字稿中的C#FileContentResult

我正在使用Angular 2应用,我们允许用户下载Word文档。现在它正在工作,但是返回的名称是一个长字符串/ GUID。我需要文件的实际名称...

回答 2 投票 0

以编程方式设置的值>>

我正在尝试以编程方式设置2个字段的值abnd 对于文本输入,一切正常,但对于 在视图上,此...

回答 4 投票 17

使用Angular和单页应用程序进行回发

我正在将Angular应用程序与外部js集成在一起,该外部js注入了一些用于支付处理的代码,并且需要具有允许回发的形式(method =“ post”)。我可以使用标记...

回答 1 投票 0

Angular2表单验证的最佳做法

我想了解更多有关NG RC 如何处理字段验证的信息,例如简单字段以及其他更复杂的字段,例如:字段相关性,自定义验证等。 我看了几页,像这样: http: bl...

回答 0 投票 2

Angular 2+中客户端和服务器之间的通信

我正在使用NodeMailer进行邮件服务。 我必须从客户端的字段中获取电子邮件地址,并将该值发送到我的nodemailer代码所在的app.js。 客户端 ...

回答 2 投票 1

输入字段上的角度检测值更改

不使用Angular形式。只需输入框,当前能够检测输入框上的值是否发生变化。 假设...

回答 2 投票 1

使用材料在不使用formbuilder的情况下显示错误的2-8角度方式

如何使用Angular Material-Form Field,但不使用FormBuilder在输入中显示验证错误?我只想与ngModel https://material.angular.io/components/form-field / ...

回答 2 投票 0

是否有事件知道表单何时有效?

我正在使用FormGroup,自定义验证器等。当表单变为有效/无效时,我需要在事件处理程序中捕获,不是属性,而是TypeScript代码中的实际事件。我看了一下...

回答 3 投票 6

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.