-
1 votes2 answers433 views
在复选框更改时获取Angular2表单值
鉴于此组件 import { Component, Input, OnInit } from '@angular/core'; @Component({ moduleId: module.id, selector: 'effect', templateUrl: 'templates/effect.html' }) export class EffectComponent ... -
0 votes1 answers433 views
从API调用设置默认表单值
当我尝试在ngOnInit方法中启动表单控件值时出现以下错误: Error formGroup expects a FormGroup instance. Please pass one in. Method ngOnInit() { this.getBusinessData().then((response:any) => { this.businessForm ... -
0 votes1 answers1176 views
反应表单模式验证和表单数组验证?
对于反应式表单验证,我观察了许多教程和plunker链接,但我没有得到任何解决我的问题的网站 问题1:formgroup模式是 [aA-zZ0-9'-]$/)] (允许否,字符, - ,',空格特殊字符) export class AppComponent implements OnInit { private myForm: FormGroup; constructor(privat... -
0 votes0 answers1843 views
是否可以在Angular2中将FormGroups嵌套在彼此中?
我想定义一个由FormControls和FormGroups组成的表单 . 但是,如果我添加optionalInputGroup,我会收到以下错误: TypeError:this.form._updateTreeValidity不是FormGroupDirective.ngOnChanges(http:// localhost:8100 / build /)中FormGroupDirective... -
2 votes3 answers383 views
在RC6中升级到@ angular / forms
我一直在推迟从已弃用的表单api到@ angular / forms中的新表单api的升级 . 我刚刚升级到RC6,现在也想开始使用@ angular / forms . 此时文档非常稀缺,而且我很快陷入困境 . 这就是我的工作表格: <form [ngFormModel]="registrationForm" (ngSubmit)="register(regi... -
1 votes1 answers1036 views
Angular 4错误消息应该链接到无效的formControl
我使用以下内容 . 1)FormBuilder 2)FormControl 如果formControls输入,无线电等无效,我已创建错误摘要以显示表单提交上的所有错误 . 我想要做的是当用户点击错误消息时,他们应该将其带到无效的输入字段 . 我知道我能做到的几个方法是: <a href="formControlElementID">Error message... -
9 votes1 answers1915 views
添加/删除反应式表单验证器以动态创建输入
我在Angular 4中创建了一个表单,允许用户单击表单中的ADD或REMOVE按钮向表单添加/删除字段 . 我使用ngFor从一个数组创建屏幕上的html输入(由add函数放大,或者由remove函数缩小) . 在html模板中,我可以以formControlName =“control {}”的形式添加formControlName,以确保每个新输入都有一个formcontrol . 但是我如... -
1 votes2 answers649 views
EXCEPTION:没有Angular 2自定义表单输入的提供程序
我正在尝试实施 ControlValueAccessor 对于自定义Angular 2表单输入 我得到了EXCEPTION 例外:没有MyDatePicker的提供者! (MyDatePickerValueAccessor - > MyDatePicker) 我将代码上传到Plunker Plunker Custom Control Event Binding Working Pl... -
8 votes1 answers844 views
Angular 2,设置表单中文本输入的值
所以我正在尝试一些Angular 2,到目前为止我都喜欢它 . 但我需要一些帮助来驾驭这一新的景观 . 我有一个表单来编辑用户详细信息和一边与我的所有用户一起列表 . 当我单击列表中的某个用户时,我想用我的用户详细信息(setEditForm(user))填充我的edit-user-form . 我有它的工作和所有 . 但我必须说,同时使用ngControl和ngModel并不合适 . 但也许是.... -
2 votes1 answers232 views
如何在Angular 2中获得单个表单字段的有效性?
注意:这是 not 与我在https://stackoverflow.com/questions/38356330/how-to-use-pattern-validation-in-angular-2-based-on-ngmodel-template-model-driv的另一个问题相同的问题 这是我的代码(Angular 2 rc2 app,已弃用表格): <form #myForm=&... -
2 votes2 answers138 views
Angular2属性指令表单输入
我正在努力让@Directive按预期工作 . 我希望Attr Directive能够访问指令构造函数中的model.password并使用当前密码设置变量varpassword . 我还希望能够检索表单字段中的所有其他输入,我将如何进行此操作? 很多这方面的文档都不完整,因为我知道Beta . 我一直在努力解决这个问题,并且成功有限 . 我已经删除了我试图让它继续工作的导入,因为我觉得我很困惑如... -
0 votes1 answers1346 views
Angular 2 - 当html字段具有formControlName时,在custom指令中注入ngModel
我尝试在我创建的指令(带有@Directive的类)提供的字段中使用自定义属性,并且此指令在构造函数中注入了NgForm,但如果该字段具有formControlName属性,则它不起作用 . 这是演示的插件:http://plnkr.co/edit/gdm3Xb?p=preview 情况 该字段与ngModel绑定并具有双向绑定,因为我使用该模型在我想要(或需要)或将数据发送到服务器时直接更新字段... -
0 votes1 answers1662 views
当多个验证消息满足条件时,在Angular2中管理验证消息
我正在使用 FormGroup , FormBuilder 和 Validators 类来验证Angular2应用程序中的表单 . 这就是我为电子邮件和密码验证定义所需的验证规则的方法: - export class LoginComponent implements OnInit { loginFormGroup:FormGroup; adminLoginmodel = new ... -
0 votes1 answers1255 views
如何将ngForm附加到组件?
我有一个角度组件“表单字段”,它根据它生成表单的输入类型迭代输入类型数组 . 我的问题是当我试图在我的表单中插入该组件时,如下所示 <form #form="ngForm" autocomplete="off" novalidate> <form-fields (execFormFieldFunc)="execFormFi... -
0 votes1 answers264 views
ngModel的Angular 2/4/5 Material Dialog问题
我觉得这是一个愚蠢的问题,但我无法弄清楚为什么它不起作用...... 我有一个材质2对话框,这是对话框组件 import { AfterViewInit, Component, Injectable } from '@angular/core'; import { FlexLayoutModule } from '@angular/flex-layout'; import { MatDialog,... -
4 votes2 answers1838 views
Angular2:没有String的提供者! [child - > String]在[父级中的数组]中
我在angular2中构建基本Todo应用程序,当我单击添加按钮以使用输入从父级向子级发送数据时我得到没有提供者的字符串! (child-> string),并且没有显示数据只显示子类的按钮,这是什么意思 这是父组件: @Component({ selector : 'parent-component', directives : [child], template : ` <h1 c... -
1 votes1 answers969 views
父母形式 - 来自沟通或关系或验证的孩子
我认为这个问题已经用复杂的术语提出来了 . 但我想在这里简单一点 . 我有 parent component 有 form tag & Submit Button . 它有一个 child component input required field 与 form tag & button . 现在让我们说我想将 custom validation 放到 input ... -
1 votes1 answers1599 views
Angular2:兄弟组件之间的通信
我有一个Angular2应用程序的以下结构 . 在app.html文件中 <search></search> <search-results></search-results> SearchComponent和SearchResultsComponent都是独立的组件 . 我也有如下服务 内部服务文件 .... getFilteredData(... -
1 votes0 answers1481 views
没有找到为什么angular2组件在重新访问选项卡时无法绑定基础模态
我有一个父组件调用另一个组件,该组件在同一页面上呈现模式 . 在第一次加载时,父组件能够将数据传递给子组件 . 但是一旦我转到另一个页面并返回,那么来自父级的数据不会被绑定到子组件模态 . 在plunker中遵循的步骤: - 在第一个输入框中输入任何值(abcd) 在第二个文本框中输入modal1 点击modal1按钮 模态中的正确值将为apeear 将第一个文本框中的值更改为... -
0 votes1 answers450 views
从子组件向表单添加输入
我正在尝试根据传入数据生成输入 . 每个输入都是它们自己的组件,以便稍后进行更多修改/功能 . 然后有一个表单处理器,其中包含一个单击按钮,可以处理表单所具有的内容 . 我遇到的问题是,当我单击按钮处理它时,我得到了表单,但是所有值都是空的,我看不到表单中的任何内容,甚至使它看起来像是识别出输入在那里 . 根形式: <form #inputForm="ngForm">... -
3 votes2 answers813 views
Angular 2 Forms - 如何在包含对象数组的嵌套Form组上进行patchValue
在函数中,它只使用对象数组的第一个对象而不是所有对象来修补表单组 . 因此,例如,如果我的表单有3行订单项,例如在发票中,则只会填充第一行 . 谁能告诉我我做错了什么? 这是我的组件功能 constructor() { this.createCheckRequestForm(); } createCheckRequestForm() { this.createRequestFor... -
1 votes1 answers839 views
Angular2在路由上传递数据值
我想将 LoginComponent 的用户名和密码传递给VehicleService并显示当前的登录用户 . 我试过了: 创建LoginService以将数据传递给VehicleService . 这是代码: Router import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angu... -
2 votes1 answers1247 views
Angular2 - 可以't bind to ' formGroup ' since it isn' t 'form'的已知属性
我知道有关该主题的other问题,但我似乎遗漏了有关导入FormsModule和ReactiveFormsModule的问题 . 我有一个带有动态体的模态组件 . 我们的想法是拥有一个可重用的模态库,其动态主体可以从URL加载,也可以从预加载的模板中填充 . (为简洁起见,简化) modal-dialog.html <!--modal-content--> <!--modal-... -
2 votes0 answers828 views
Angular2多页面应用程序使用Spring Rest Microservices API
美好的一天好朋友,我没有Angular 2的经验,但有点Angularjs 1x . 做了我的小研究 . 我发现,对于一个新项目,我最好去ng2 . 此外,针对JavaScript更好地支持TypeScript . 这对我来说是更多的学习曲线,因为我来自JS背景 . 在我的项目中,我们构建了多个spring bootstrap rest微服务,我们需要使用Angularjs2,HTML5,CSS3... -
-2 votes1 answers1586 views
Angular 4表单验证和错误消息
我必须在我的应用程序中实现表单验证 . 我正在使用角度4.我的应用程序中还有10个表单 . 我不知道我的问题是否有效 . 我真的很困惑这个实现 . 我的问题:我需要在表单字段中添加验证,包括强制和验证,如电子邮件,电话号码等 . 如果用户输入表单,用户知道某些字段,用户可能不知道需要填写其他字段 . 但是需要保存有效字段并需要在表单中显示错误消息 . 我如何在前端实现我使用Angular 4和后端... -
0 votes1 answers693 views
Angular子表单字段验证
我有一些现有的代码,其结构或多或少是这样的: <!-- my-form.html --> <form ngNativeValidate> <my-other-component></my-other-component> <button mat-button type='submit'>Submit</button... -
6 votes1 answers1133 views
angular2异步表单验证
我正在尝试使用Angular2完成一个表单验证 . 我试图通过异步调用找出已经在我的数据库中使用和使用的用户名 . 到目前为止,这是我的代码: 表格组成部分: import {Component, OnInit} from 'angular2/core'; import {FORM_PROVIDERS, Control, ControlGroup, FormBuilder, Validators}... -
91 votes3 answers69 views
模板驱动和反应形式之间有什么实际区别?
我一直在阅读Angular2新的Forms API,似乎表单上有两种方法,一种是模板驱动形式,另一种是反应式或模型驱动型 . 我想知道两者之间的实际差异,不是语法上的差异(显然),而是实际用途,哪种方法在不同情况下有更多好处 . 另外,选择其中一个是否有性能提升?如果是,为什么? -
26 votes8 answers1266 views
Angular 2 Reactive Forms会在提交时触发验证
是否有一种方法可以在提交时触发所有被动形式的验证器,而不仅仅是“脏”和“触摸”事件? 这样做的原因是我们有一个非常大的表单,它不表示是否需要字段,用户可能会错过一些必需的控件,因此在提交时,预计会丢失所有错误的字段最终用户将被显示 . 我已经尝试通过使用标记将表单标记为“触摸” FormGroup.markAsTouched(true); 它工作,所以我也尝试将其标记为“脏” FormGroup... -
31 votes4 answers1585 views
Angular2 Reactive Forms formControl用于单选按钮
我正在使用Reactive Forms在Angular2中构建一个表单 . 我正在使用FormBuilder来创建一组字段 . 对于文本框,这非常有效 . 但我找不到单选按钮的formControl . 这是如何运作的?我应该像文字输入一样做 <input formControlName="gender" type="radio"> 吗?