jjzjj

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-

javascript - 如何在 AngularJS 的父 Controller 或作用域中访问 FormController

我有一个包含多个表单的页面,我只想一次显示一个。为此,我将每个表单分成一个部分,并使用Bootstrap的Accordion插件一次只允许打开一个部分。我的标记看起来像这样:Section1Section2一切正常,我可以在表单之间导航等。因为我不希望用户在当前正在编辑的部分包含验证错误的情况下打开该部分,所以我尝试检查open_section如果与其关联的表单有效或无效,则函数。我试过了,但我做不到。我无法访问与负责页面的Controller中的表单关联的FormController。由于某种原因,它们没有在范围内发布。这是我尝试过的:$scope.section1Form是unde

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
12