angular-forms相关内容
我制作了一个 DatePickerDirective,它按要求工作正常.但是为了同步该指令所在的特定输入字段的值,我必须同时使用 value 和 ngModel 属性.我希望只使用 ngModel 如何优雅地实现这一点. 表单元素
..
请帮忙!!我发现编辑表单非常困难.我使用反应式表单并将数据添加到表单并发送到数据库工作得很好.现在我想查询数据库中的数据,以便我可以对其进行编辑并再次发送.数据是以 json 对象的形式从数据库中获取的,我尝试将其分配给表单组变量,以便我可以在表单中显示数据并发送它,但出现错误. 我也试过用模板驱动的表单来显示数据.它适用于输入字段中的值,但每当我尝试将数据与 ngModel 绑定时,输入字
..
下面是我的组件文件(login.component.html)
登录
..
我是否可以在 Angular 反应形式中根据特定条件添加行?如果是,请帮我做.我已经在我的 stackblitz 中开始了它.请检查此链接https://stackblitz.com/edit/dynamically-add-rows this.addForm.get("items").valueChanges.subscribe(val => {控制台日志(val);如果(val === 真)
..
我有一个功能,我需要在单击按钮时发送动态生成的输入字段. 为了更好地理解,我在 stackblitz 上重现了这个问题. 在那个应用程序中,当我输入 resourceQuantity 时,resourceId 字段是动态生成的.我的问题是单独识别这些字段并通过单击按钮将它们发送到服务器端. 我在stackblitz上找到的这个解决方案是类似的,但在我的问题我不是删除或添加按钮点击
..
我已经成功地将“quantityControl"formControlName 中输入字段中的值实现为不小于 1.但是我的问题是在 formArray 上.如何将其设置为不小于 0 或不应为负数? 这是下面的代码和我的stackblitz的链接代码链接 this.inquiryForm.get('quantityControl').valueChanges.pipe(过滤器(数量=>数量
..
我创建了一个名为 threeNumbers 的自定义验证器,它的作用是只接受三位数字.但是当我将它应用到 username 字段时,它会抛出一个错误 ERROR TypeError: Cannot read property 'length' of null 和formGroup 需要一个 FormGroup 实例.请传入一个. ngOnInit() {//在响应式表单的类中指定的表单控件验证
..
我针对我的问题创建了一个StackBlitz 示例. 我有一个构建表单的FormService,由initForm()方法中的组件获取:- public getForm() {返回 this.fb.group({cb1: this.fb.control(false),cb2: this.fb.control(false),inputBox: this.fb.control({value:
..
我为 datepicker 创建了组件,我想在我的应用程序的许多其他组件中使用它.我有一些问题,因为它不会改变父表单组控件的值. 让我们进入代码: 导出类 DatePickerComponent {@ViewChild('input', {read: ElementRef, static: false}) inputRef: ElementRef;@输入()表格名称?:表格组;@输入()表
..
我想向表单添加自定义验证器,以防止 mat-step 切换到下一步.当我使用 FormGroups 时一切正常,但当我必须使用 FormArray 时我无法实现验证. 我至少尝试了两种在表单初始化时分配验证器的变体: 数组内部 状态:this._formBuilder.array([this.createStatus()], defaultStatusValidator())
..
我是 angular8,我在表单组中有一个表单数组,但我想检测某个输入的新变化. ngOnInit(): void {this.makeForm = this.fb.group({年份:['', Validators.required],金额:['',Validators.required],desc:['', Validators.required],详细信息: new FormArray([
..
我有一个包含很多字段的表单,它是用 formGroup 和 formControlName 制作的.问题是当我启动应用程序时,我需要从后端获取数据并将其显示在视图上. 问题是Funcion字段没有显示值: 这是我的 html 代码的缩减部分:
¿En venta?
..
图片有问题 我创建了一个表单,它从添加按钮动态添加行,但我也创建了一个按钮,我只需要从中添加来自该链接的一些组件.添加更多链接按钮仅用于创建这两个组件. 我使用了嵌套表单方法、动态表单方法,但无法做到这一点.需要帮助. HTML:-
..
我正在看这个问题,试图弄清楚如何扩展 FormControlDirective:尝试扩展 FormControlDirective 以实现我自己的 FormControl 指令导致绑定错误. 有一个答案,但我不确定是什么意思: formControl \ formControlName 选择器出现在另外一个地方 - 价值存取器.为了您的指令工作,您应该实现所有默认值hybridForm
..
我目前正在使用 ngx-formly 从 JSON 动态创建一堆 Angular 表单,效果非常好.我有一个特殊的用例,表单上的自定义按钮应该打开一个包含另一个表单的模式对话框,其中还包含一个使用 ngx-formly 创建的表单.我在 ngx-formly 站点上看到的示例使用自定义按钮,并使用 .ts 文件创建自定义组件,但我想避免这种情况,因为我将有多个表单执行此操作,而且我不想创建不同的组
..
当我在下拉列表中选择一个数字时,我在迭代行时遇到了问题.我将如何推送该数字,以便根据该数字迭代行(卡片).我的流程是这样的,首先您必须将 Solo Traveler 选择为“否",以便出现成人和儿童下拉菜单.该下拉列表是我的问题,我将如何根据所选数字迭代行(卡片)?我已经制作了行(卡片),但我不知道如何迭代它.这是我的 stackblitz 链接 点击此链接 updateCountAdu
..
我在尝试使用 HTML 文件更新网格表时收到此错误消息. 在这里,我使用了表格的静态数据来显示并从显示primeng 表格的其他组件导入,并且我添加了一个更新按钮,该按钮具有重定向到另一个页面以更新数据的功能. 该问题出现在 HTML 文件的第一行,即;[formGroup]="myvehicle" 我尝试使用不同的表单组名称进行检查,但问题仍然存在. import { C
..
我正在尝试将 Invisible reCAPTCHA 与我的 Angular 4 表单集成. 在组件的 TS 部分,我有一个这样的功能: onSubmit(token: string) {警报(令牌);} 我的 HTML 如下所示(仅显示相关部分):
..
我想简化下面的代码:
日期不能在未来.
..
我正在通过实现 ControlValueAccessor 创建一个与表单兼容的自定义输入组件.此输入组件是一个或多个子输入的组合,但我无法将 ng-invalid CSS 类传播到子 input 元素. 我的自定义输入组件有一个模板,如: 输入: 课程是: priv
..