草庐IT

FormControl

全部标签

javascript - 只订阅一次多个 FormControl

我现在已经根据一些逻辑从一个大型FormGroup中过滤掉了几个FormControl-我想知道如何合并/组合这些选定的FormControl并且只有一个订阅..我查看了RxJS文档和大理石图,但没有正确理解。理解所有这些并知道针对我的情况使用哪一个是非常困惑的:-forkJoin-combineLatest-merge-join-zip这里是关于这个问题的更多详细信息:假设有2个FormControl(即controlA、controlB)。我想在任何FormControl值更改时执行我的一些handlerFunction。*它需要在任何控件valueChanges时执行我的hand

javascript - Angular 4 Reactive Forms FormControl错误为空

如果我在没有输入任何内容的情况下切换文本输入,则会显示错误消息divs,表明所需的验证器已正确触发。但是,如果我在其中一个字段中键入任何内容,控制台会立即抛出此错误:Cannotreadproperty'required'ofnull这是我的组件:import{PasswordValidators}from'./../validators/password.validators';import{Component,OnInit}from'@angular/core';import{FormBuilder,Validators,FormGroup,FormControl}from'@an

javascript - 使用 Angular 4 中的 ReactiveForms 使两个 FormControl 输入元素保持同步

给定一个组件,带有一个表单声明ngOnInit(){this.form=this.fb.group({address:[""],});}表单上的两个输入控件,都引用同一个控件。如何使每个控件中的输入值保持相同。更新每个输入元素确实会更改模型值,但不会更改其他相应的输入值。我确信这是设计使然。我在选项卡式界面上使用控件,每个选项卡上都需要一个副本。有没有简单的方法让它们保持更新?我有一个workingplunkerdemonstration. 最佳答案 只需在表单中添加一个值字段看看这个plunker

javascript - Material-UI TextField 上下文脏

我试图更好地了解如何使用material-ui的FormControl或TextField组件检查是否脏。TextFielddemopage的文档状态:TextFieldiscomposedofsmallercomponents(FormControl,InputLabel,Input,andFormHelperText)thatyoucanleveragedirectlytosignificantlycustomizeyourforminputs....在TextFieldAPIdocs上它指出:Thepropertiesofthecomponentarealsoavailable.

javascript - Angular 2 中没有默认值的 FormControl bool 值

我在Angular2(4.1.2)中使用react形式我有一个bool属性,我不希望它有一个默认值,但它应该是必需的。这是我创建表单的方式:constructor(privatefb:FormBuilder){this.form=this.fb.group({payedOvertime:[false,Validators.required],});}还有我的html:PayedovertimeYesNo问题是,虽然这有效,但我不想这样,但我不希望这样,而是必须通过单击其中一个单选按钮来选择它。如果没有点击任何单选按钮,我希望表单无效。 最佳答案

javascript - react-bootstrap 中 FormControl 和 ControlLabel 之间的高度不同

我正在做一个标签+表格如下:somekey:km但是,在我添加了background-color之后,ControlLabel部分的高度似乎与InputGroup部分不同如附图所示。我做错了什么吗? 最佳答案 我不认为你在做什么,这就是bootstrap的工作方式,Reactbootstrap使用版本bootstrapv3,我已经使用纯HTML、CSS和bootstrapv3CSS复制了您的代码示例。以全屏模式打开代码段在下面的示例中,您可以看到,绿色背景色指示的标签下方有一些空间Horizontalformsshouldnever

javascript - Angular 2 : Update FormControl validator after valueChanges

有没有办法更新FormControl对象的Validtors?IhaveFormGroupwhereoneInputisaselectfield,whenthevalueoftheselectfieldchangesIwanttheotherFormControlinmyFormGrouptochangethevalidator.这是我的FormGroup组件中的subscribeToFormChanges()方法:privateappIdRegexes={ios:/^[a-zA-Z][a-zA-Z0-9]*(\.[a-zA-Z0-9\-]+){2,}$/,android:/^([a-

formControl在Angular 2中返回空值

我正在使用表格这里userDetails.first_name价值是汤姆。在UI内部文本框上可见;但是当我提交表格form.firstName在给我空的价值。看答案要获得价值,您应该检查form.value.firstName不是form.firstName.为了更好地了解形式的结构,请做一个console.log(this.form)表格提交。

从Angular中的自定义表单组件中访问FormControl

我在Angular应用程序中有一个自定义表单控制组件,该组件实现了ControlValueAccessor界面。但是,我想访问FormControl实例,与我的组件关联。我正在使用反应性形式FormBuilder并使用formControlName属性。所以,我如何访问FormControl实例来自我的自定义表单组件的内部?看答案该解决方案是从讨论在角度存储库中。请确保阅读它,或者如果您对此问题感兴趣,可以更好地参加。我研究了FormControlName指令,这激发了我编写以下解决方案:@Component({selector:'my-custom-form-component',templ

Angular Forms:在自动完成选择时,定义与输入值不同的 formcontrol 值

AngularForms:Onautocompleteselect,defineformcontrolvaluedifferenttoinputvalue如何屏蔽表单控件名称的输入。HTML当显示自动完成时,您只会看到airport.name。当用户选择一个机场时,我想在输入值中显示airport.name但在formControl中我想将机场对象设置为值,因为当我进行搜索时,我需要的不仅仅是一个字符串来查找数据。1234567891011121314151617181920     matInput   formControlName="departure_airport"   #el_de
12