angular-forms相关内容
我正在尝试从这里的多个复选框中获取值 https://stackblitz.com/编辑/angular-ivy-uahtjx 我尝试了这种方法,但对我来说没有用 https://stackblitz.com/edit/quiz-answer-value 我认为这是因为 JSON 模式不同,第一个是数组,第二个是对象. 我这样设置我的html =0";formControlName="答
..
我正在尝试使用模板驱动的表单,将 html 中的模型绑定到一个新实例,比如 Person.我未能成功地为复选框创建正确绑定到模型上的单个数组属性. 这个想法是数据将来自 api 或其他来源,通过 *ngFor 动态呈现复选框并将所选内容绑定到 Person 模型属性,这将是一个数字数组.例如: class Person {名字:字符串;someCheckboxPropList: numbe
..
我正在尝试使用 ngModel 获取表单中的所有值,但我如何仅获取第一个文本框值.单击按钮时未添加文本框值. 示例:stackblitz html:
标签名称
..
尝试使用 ngModel 选中/取消选中所有子复选框并选中所有复选框,但也尝试单独选中子项并且始终选中所有复选框; 家长
儿童1
..
请帮忙!!我发现编辑表单非常困难.我使用反应式表单并将数据添加到表单并发送到数据库工作得很好.现在我想查询数据库中的数据,以便我可以对其进行编辑并再次发送.数据是以 json 对象的形式从数据库中获取的,我尝试将其分配给表单组变量,以便我可以在表单中显示数据并发送它,但出现错误. 我也试过用模板驱动的表单来显示数据.它适用于输入字段中的值,但每当我尝试将数据与 ngModel 绑定时,输入字
..
我制作了一个 DatePickerDirective,它按要求工作正常.但是为了同步该指令所在的特定输入字段的值,我必须同时使用 value 和 ngModel 属性.我希望只使用 ngModel 如何优雅地实现这一点. 表单元素
..
我正在使用 Angular 4,但在控制台中出现错误: 无法绑定到“ngModel",因为它不是“input"的已知属性 我该如何解决这个问题? 解决方案 为了对表单输入使用双向数据绑定,您需要导入 FormsModule 包在你的 Angular 模块中. import { FormsModule } from '@angular/forms';@NgModule({进口:
..
输入位于模态对话框内.我不知道为什么它不起作用.我查看了官方文档,并将焦点列为您可以传递给元素的内容,但它不起作用? 有人知道为什么吗? Angular Material - 输入文档
..
我正在尝试在我的 Angular 2 项目中使用 Angular Material Autocomplete 组件.我在模板中添加了以下内容.
..
在我的前端,我使用 Angular (11) Material Datepicker 元素来让用户选择一个日期.此格式是使用 MAT_DATE_LOCALE 提供程序完成的,它是 dd-MM-YYYY,所以今天是 23-12-2020.此日期选择器使用反应式表单链接到 FormControl. 虽然我对向用户表示日期的方式感到满意,但我想以 YYYY-MM-dd 格式发送日期.似乎 Date
..
在我的前端,我使用 Angular (11) Material Datepicker 元素来让用户选择一个日期.此格式是使用 MAT_DATE_LOCALE 提供程序完成的,它是 dd-MM-YYYY,所以今天是 23-12-2020.此日期选择器使用反应式表单链接到 FormControl. 虽然我对向用户表示日期的方式感到满意,但我想以 YYYY-MM-dd 格式发送日期.似乎 Date
..
我想向表单添加自定义验证器,以防止 mat-step 切换到下一步.当我使用 FormGroups 时一切正常,但当我必须使用 FormArray 时我无法实现验证. 我至少尝试了两种在表单初始化时分配验证器的变体: 数组内部 状态:this._formBuilder.array([this.createStatus()], defaultStatusValidator())
..
我想向表单添加自定义验证器,以防止 mat-step 切换到下一步.当我使用 FormGroups 时一切正常,但当我必须使用 FormArray 时我无法实现验证. 我至少尝试了两种在表单初始化时分配验证器的变体: 数组内部 状态:this._formBuilder.array([this.createStatus()], defaultStatusValidator())
..
我有多行的垫表,带有添加按钮,点击它,添加一个新行.我想为所有行添加验证,现在我下面的代码只对任何一行进行验证. 我的 component.html 名称
..
我使用了 angular material("@angular/material": "7.1.0") mat-select box 然后我使用了表单控件而不是 ng 模型,现在问题是我可以't 在组件加载时设置该值.我需要将列表中的第一个值设置为 mat-select 框,我试过了,但我不能这样做. 我在 stackblitz 创建了一个代码,这里是链接:https://stackblit
..
我在组件模板上有一个表单:
..
我有一个带有各种选择框的表单,这些选择框使用对象作为值: 当我通过表单创建新记录时,这非常有用.现在,当我编辑记录时,我遇到了 mat-select-option 中的 object 与我从其余服务中获得的“相同"对象的问题,所以我的选择框在编辑记录时没有选择任何选项. 在决定选择哪个选项时,是否可以告诉选择框小部件匹配 object.id?我想我可能需要编写一个指令来处理这个问题,但
..
我通过示例设置了这个 stackblitz. 我有一个标准的 input 表单字段和一个显示绑定到数组的 select 的自定义字段. 城市
..
我正在使用有角度的材料轮廓 mat-form-field 来设计表单.我得到了带有边框角半径的默认 mat-form-field 轮廓文本框视图.有什么办法可以去掉outline mat-form-field的边框圆角半径,转成方形文本框视图. 我尝试使用以下内容更改角材料 mat-form-field 的默认样式,但它不起作用. //css .mat-form-field-appe
..
我正在构建一个 angular 组件(html、css、spec.ts、ts),其中我总是希望 endDate > startDate.我已经点击了这个链接 https://material.angular.io/components/datepicker/overview 为了制作多个日期选择器. 下面是我的 startDate 和 endDate 的 HTML: 开始日期:
..