angular5相关内容

表格数组.找不到路径控制

我想输出一个表单,其中一个字段是一个数组,对于数组的每个元素,我需要输出我的输入. 组件: ngOnInit() {const fb = this.fb;this.editForm = this.fb.group({国家:fb.control(null),标识符:this.fb.array([这个.fb.group({代码标识符:fb.control(null),numIdentifier ..
发布时间:2021-11-10 03:05:16 其他开发

RangeError:使用 valueChanges.subscribe 时超出了最大调用堆栈大小

我将 Angular 5 与 Reactive 表单一起使用,需要利用 valueChanges 来动态禁用所需的验证 组件类: 导出类 UserEditor 实现 OnInit {公共用户表单:FormGroup;用户名:表单控件;名字:表单控件;姓氏:表单控件;电子邮件:FormControl;登录类型 ID:表单控件;密码:FormControl;确认密码:表单控件;...ngOnI ..
发布时间:2021-11-10 03:02:57 其他开发

<mat-select>的设置值以编程方式

我正在尝试以编程方式设置 2 个字段的值 abnd .对于文本输入,一切都按预期工作,但是对于视图上的 ,此字段就像它具有 null 的值一样.但是如果我调用 console.log(productForm.controls['category'].value 它会打印我以编程方式设置的正确值.我错过了什么吗? 代码如下: 表单配置: productForm = new FormGr ..

angular 5 模板表单检测表单有效性状态的变化

反应式表单可以监听它包含的表单有效性状态的变化并执行一些组件的方法的组件? 使用[disabled]="#myForm.invalid"之类的模板引用很容易禁用模板中的提交按钮,但这不涉及组件的逻辑. 查看模板表单的文档我没有找到方法 解决方案 如果你只想得到 status 而不是 value 你可以使用 statusChanges: 导出类组件{@ViewChild('my ..

Angular 5 Reactive Forms - 单选按钮组

我有 2 个单选按钮,我使用的是响应式表单,并且在我的组件中添加了表单控件.我面临的问题是 name 属性必须与 formControlName 相同.当我将 name 属性设置为相同时,我只能选择 1 个单选按钮——永远不能取消选择并选择另一个.只允许我选择相同的. this.genderControl = new FormControl("", Validators.required); ..
发布时间:2021-11-10 02:58:06 其他开发

Angular 6 中 ngIf 中的多个条件

我想隐藏一个 div 并想显示另一个我在代码下面写的 我的代码 我的问题是我在 ngIf 中使用了多个条件但无法正常工作.单击“显示子内容 1"后,我想隐藏主要内容并希望显示所有按钮的“子内容 1",反之亦然.我该怎么做.请帮忙. 解决方案 你刚刚接近你的结果,查看你的代码看起来你正在学习,干得好!!您必须检查是否启用了任何一项内容,因此您需要隐藏所有三个按钮并显示您的子内容. ..
发布时间:2021-11-10 02:40:46 其他开发

Angular Material 2 matHorizo​​ntalStepper 表单验证

我正在使用来自 Angular Material 5.2.4 的 matHorizo​​ntalStepper 和 Angular 4/5.线性模式开启.在第 1 步,我有一个包含两个必需输入的表单.但是步进器检查是否只填充了一个必需的输入.对于 stepper 来说,用户只填写一个必填字段并让用户进行第 2 步就足够了. 这就是我所说的 https://angular-ugvs4m.sta ..
发布时间:2021-11-10 02:38:07 其他开发

使用最新的 Angular 材料设计延迟加载 Angular 模块会出错

我使用的是最新版本的 Angular 和 Angular Material.我已经实现了延迟加载功能模块,它在没有材料设计的情况下也能正常工作. 我需要在我的视图中使用以下三个材料组件/模块 - MatSidenavModule,MatIcon模块,MatListModule 只有在实现延迟加载时,才会出现模板解析错误.请附上屏幕截图以查找错误. 我创建了如下的材料共享模块 ..
发布时间:2021-11-10 02:36:25 其他开发

Angular 5 材料小吃店仅针对自定义 ErrorHandling 无法正确显示,否则它可以正常工作

Angular 5 材质,材质小吃栏仅针对自定义 ErrorHandling 无法正确显示,否则它可以正常工作: 我正在尝试使用材料快餐栏显示我的后端错误,问题是它第一次被触发时,它出现在错误的位置(不是应有的底部中间,而是在左侧)&它永远留在那里而不会消失(根据我的配置,它应该在 2 秒后自动消失) 下次出现时,它将正确出现&2 秒后消失. 请在此处尝试该问题:stackbli ..

更新数据源时选择列表变为空 - 数据表材料 2

更新数据源时选择列表变为空. 步骤:1.选择一些用户 步骤:2.选择第二个标签 步骤:3.回到第一个标签 选择的用户在芯片中可用,但未在数据表中选择. 查看https://stackblitz.com/edit/angular-v3kjgj?embed=1&file=app/selectusers.component.ts 解决方案 您正在通过“行"对象本身保 ..

将输入宽度动态扩展到字符串的长度

我正在尝试创建一个 input 字段,该字段的宽度至少会随着用户输入的字符串的长度(甚至可能是多行)而动态扩展.使用 Angular Material 2 中的 input 元素可以做到这一点吗? 使用 Angular Material 2 中的 textarea 字段,我只能使用以下代码扩展 textarea 的高度,而不是宽度: ..

Angular Material - 获取数据表中行的索引

我正在使用 Angular Material 中的 MatTable 组件制作动态数据表. 我需要获取一行的当前位置.我可以轻松获取用户单击的行,但我无法知道它在列表中的当前位置(取决于排序/过滤/分页). 有什么想法吗? 解决方案 在你的 mat-cell 中,你可以得到类似 *ngFor 的索引 {{ 一世 }} Update 从 Angular ..
发布时间:2021-11-10 02:29:02 其他开发

垫选择面板最小宽度

我正在尝试使用多个复选框自定义 mat-select.由于某种原因,面板错误的最小宽度如下: 而且我不知道它在哪里计算这个最小宽度.我还尝试添加 panelClass 并覆盖此类的最小宽度,例如: &.多面板{最小宽度:200px!重要;} 但是当打开下拉菜单时,它以原始宽度(如图片所示)打开,几毫秒后“跳转"到面板类上定义的自定义最小宽度. 我发现 mat-select 很难设计 ..