angular-forms相关内容
我有一个简单的登录页面,其中包含一个使用 ControlValueAccessor 的响应式表单和子表单组件 app-login-form,它正在运行,但我无法弄清楚如何在子窗体中显示错误.这是我开始创建更复杂表单之前的一个示例. 提交时,我尝试访问子表单和 markAllAsTouched,但是当我查看类未更改的元素时. 我做了一个快速的StackBlitz 来展示我在做什么.如何在
..
我有一个反应式 输入项目
..
我有异步加载的 数据集.我使用热 observable,因为数据可以随时间变化.问题是我无法设置选定的值,而且 Angular 本身也不指向第一个元素(在用户设置之前没有设置值).我正在尝试订阅我自己的 observable 并且......它不起作用,我想知道为什么?我该如何解决这个问题? PLNKR:https://plnkr.co/edit/uDmTSHq4naYGUjjhEe5Q
..
我有一个从我的一个组件传递的 ng-template,我有一个占位符来接受传递到我的组件上的 ng-template,如下面的 ngTemplateOutlet 所示.
..
我的预期结果是在提交表单后重置表单并将其默认值设置为绑定到 formGroup 控件.我试图在提交后通过在表单提交上调用 reset() 将表单重置为其默认数据.请告诉我如何重置日期和时间字段中的默认值. 示例: pickupDate = new Date().toISOString().slice(0,10);pickupTime = 时刻().format() ;onSubmit(订单
..
我正在使用模板驱动的表单并尝试根据某些对象属性设置表单元素的值,但是我面临以下 这样做.这里还有我的 TD 表单代码以及我尝试访问它的方式. .html 文件:
..
我有包含异步数据的表单: 仅当我将 *ngIf=“currentService.user" 添加到表单时才有效,但我想在从服务器获取数据之前呈现没有值的输入.但我收到以下错误: '无
..
我正在尝试使用仅更新 onBlur ([ngFormOptions]="{updateOn: 'blur'}") 的输入创建表单.但这样做的一个副作用是,一旦用户点击“输入",表单就不再提交,因为模型仅在模糊时更新.(与这个问题相同,但它没有答案) 因此,表单被标记为无效,因为输入字段中有一个值,但模型尚未使用该值更新. 版本:- 角度 6.0.7- @angular/forms 6.
..
如何根据另一个字段的值有条件地验证一个字段?这是我尝试过的,但似乎不起作用 this.PDform = _formbuilder.group({[...]'intlNumber': ['',this.nationality == '国外' ?Validators.compose([Validators.pattern(this.phoneNumberExp), Validators.maxLen
..
我知道如果我在模板中使用方法调用,它会一遍又一遍地执行(不理想).我已经通过使用纯管道和记忆方法的组合解决了这个问题.但我也在使用反应式表单,并在我的模板中使用 myFormGroup.get('myFormControl').value 来获取值.这是否也会像我的组件中的方法一样重复执行,或者 Angular 是否有适当的策略来防止这种情况发生?一个用法示例是使用 *ngIf 并根据表单的值设置
..
我有一个表单,我想知道表单中的任何输入字段是否有焦点? 我阅读了“NgForm"文档,但没有找到与“焦点"相关的任何内容. 我发现感动,但不能满足需求. 解决方案 您可以使用 focus 和 blur 事件来跟踪字段获得或失去焦点: 也有 javascript 自己的: document.hasFocus() : 文档或文档内的任何元素是否有焦点. docum
..
我有一个登录表单,我使用 Angular 2 表单验证进行了验证,如下所示.
*用户名
..
我有一个指令读取输入控件的脏状态并采取一些行动. 以下是指令的代码. //我们的根应用组件从'@angular/core'导入{指令,主机监听器,输入};从'@angular/forms' 导入 { NgModel, FormGroup };@指示({选择器:'[ngModel][appMarkAsDirty]',提供者:[NgModel]})导出类 MarkAsDirtyDirectiv
..
我有多行的垫表,带有添加按钮,点击它,添加一个新行.我想为所有行添加验证,现在我下面的代码只对任何一行进行验证. 我的 component.html 名称
..
我正在使用 angular 6.我想在我的网格中加载 100 行,但这 100 行包含大量数据,因此在我的 angular 应用程序中加载这些数据时,它会挂起浏览器. 所以目前我使用远程分页改为每页 20 行. 但我需要在我的应用程序中加载 100 行.所以我尝试实现 WebWorkers.但我没有找到任何例子. 谁能给我在 angular 6 中实现 WebWorkers 的示
..
如果我添加“单击此处添加运输字段",例如我想添加司机、联系电话等,我如何添加几列.单击模态后,它会显示有关哪个字段的一些选项加上.请检查我制作的代码链接.下面也是我的代码.请检查这里的图像 检查此链接 https://stackblitz.com/edit/dynamic-columns-reactive-forms-hj5nur?file=app/app.component.ts ope
..
我在 元素上使用指令并获得对其控件的引用,如下所示: @ContentChild(NgControl) private readonly _inputNgControl: NgControl; 但是当我像这样听模型更改时: ngAfterContentInit(): void {this._inputNgControl.control.valueChanges.distin
..
因此,我尝试使用以下示例:https://github.com/agiratech/angular4-reactive-form-exercise2/ 然而,当我实施它并提交我的表单时,屏幕上的任何地方都没有显示错误.您将在下面找到我能想到的所有相关代码.我正在寻找如何让错误显示在屏幕上.我对 Angular 4 还很陌生,所以任何帮助将不胜感激. pages.module.ts 导
..
如何在 angular 4 的选择选项中的数组内迭代这些数组?我在下面有这个代码.它产生多个选择选项而不是单个选择选项的问题.我只想迭代 acct_type_name .我该如何解决这个问题?谢谢sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss TS
..
我正在处理 Angular 复选框,需要读取给定 ng-true-value/ng-false-value 或布尔值的值,不确定我缺少什么从代码.我正在读取事件但不确定要读取哪个值?? 模板 组件 isAnswerProvided(event: any, check:any){console.log("问题答案未提供 responseId::",this.responseId,
..