angular5相关内容
我想输出一个表单,其中一个字段是一个数组,对于数组的每个元素,我需要输出我的输入. 组件: ngOnInit() {const fb = this.fb;this.editForm = this.fb.group({国家:fb.control(null),标识符:this.fb.array([这个.fb.group({代码标识符:fb.control(null),numIdentifier
..
我将 Angular 5 与 Reactive 表单一起使用,需要利用 valueChanges 来动态禁用所需的验证 组件类: 导出类 UserEditor 实现 OnInit {公共用户表单:FormGroup;用户名:表单控件;名字:表单控件;姓氏:表单控件;电子邮件:FormControl;登录类型 ID:表单控件;密码:FormControl;确认密码:表单控件;...ngOnI
..
我正在尝试在 Angular 5 中构建一个嵌套的反应式表单.我能够在一个级别推送项目,但无法在第二级推送项目. ngOnInit() {this.orderForm = this.formBuilder.group({顾客姓名: '',电子邮件: '',项目:this.formBuilder.array([this.createItem()])});}createItem(): FormGro
..
我正在尝试以编程方式设置 2 个字段的值 abnd .对于文本输入,一切都按预期工作,但是对于视图上的 ,此字段就像它具有 null 的值一样.但是如果我调用 console.log(productForm.controls['category'].value 它会打印我以编程方式设置的正确值.我错过了什么吗? 代码如下: 表单配置: productForm = new FormGr
..
反应式表单可以监听它包含的表单有效性状态的变化并执行一些组件的方法的组件? 使用[disabled]="#myForm.invalid"之类的模板引用很容易禁用模板中的提交按钮,但这不涉及组件的逻辑. 查看模板表单的文档我没有找到方法 解决方案 如果你只想得到 status 而不是 value 你可以使用 statusChanges: 导出类组件{@ViewChild('my
..
我有 2 个单选按钮,我使用的是响应式表单,并且在我的组件中添加了表单控件.我面临的问题是 name 属性必须与 formControlName 相同.当我将 name 属性设置为相同时,我只能选择 1 个单选按钮——永远不能取消选择并选择另一个.只允许我选择相同的. this.genderControl = new FormControl("", Validators.required);
..
我想隐藏一个 div 并想显示另一个我在代码下面写的 我的代码 我的问题是我在 ngIf 中使用了多个条件但无法正常工作.单击“显示子内容 1"后,我想隐藏主要内容并希望显示所有按钮的“子内容 1",反之亦然.我该怎么做.请帮忙. 解决方案 你刚刚接近你的结果,查看你的代码看起来你正在学习,干得好!!您必须检查是否启用了任何一项内容,因此您需要隐藏所有三个按钮并显示您的子内容.
..
我正在使用来自 Angular Material 5.2.4 的 matHorizontalStepper 和 Angular 4/5.线性模式开启.在第 1 步,我有一个包含两个必需输入的表单.但是步进器检查是否只填充了一个必需的输入.对于 stepper 来说,用户只填写一个必填字段并让用户进行第 2 步就足够了. 这就是我所说的 https://angular-ugvs4m.sta
..
我使用的是最新版本的 Angular 和 Angular Material.我已经实现了延迟加载功能模块,它在没有材料设计的情况下也能正常工作. 我需要在我的视图中使用以下三个材料组件/模块 - MatSidenavModule,MatIcon模块,MatListModule 只有在实现延迟加载时,才会出现模板解析错误.请附上屏幕截图以查找错误. 我创建了如下的材料共享模块
..
我在这个错误上浪费了很多时间,我正在开始一个新的 angular5 项目,我想使用 angular 材料.我在 material.module.ts 文件中导入和导出了材质模块: import { NgModule } from '@angular/core';从'@angular/platform-browser' 导入 { BrowserModule };从'@angular/commo
..
我在这个错误上浪费了很多时间,我正在开始一个新的 angular5 项目,我想使用 angular 材料.我在 material.module.ts 文件中导入和导出了材质模块: import { NgModule } from '@angular/core';从'@angular/platform-browser' 导入 { BrowserModule };从'@angular/commo
..
Angular 5 材质,材质小吃栏仅针对自定义 ErrorHandling 无法正确显示,否则它可以正常工作: 我正在尝试使用材料快餐栏显示我的后端错误,问题是它第一次被触发时,它出现在错误的位置(不是应有的底部中间,而是在左侧)&它永远留在那里而不会消失(根据我的配置,它应该在 2 秒后自动消失) 下次出现时,它将正确出现&2 秒后消失. 请在此处尝试该问题:stackbli
..
我正在使用 angular-material 和 angular 5.mat-grid-tile 有它自己的顶部填充来计算使用 calc 方法. 我想在 mat-grid-tile 上设置自定义填充.我该怎么做? 解决方案 grid tile 组件在元素本身上动态设置顶部填充,因此您需要在 CSS 中使用 !important 修饰符来覆盖它. HTML:
..
我有以下代码
..
更新数据源时选择列表变为空. 步骤:1.选择一些用户 步骤:2.选择第二个标签 步骤:3.回到第一个标签 选择的用户在芯片中可用,但未在数据表中选择. 查看https://stackblitz.com/edit/angular-v3kjgj?embed=1&file=app/selectusers.component.ts 解决方案 您正在通过“行"对象本身保
..
我在带有动态表格内容和标题的 Angular 材料表格中遇到问题.这是我的表格 JSON 数据. let dataobj=[[{"key": "数据 1",“值":“ENF"},{"key": "数据 2",“价值":“10598489700"},{"key": "数据3",“价值":“3662946630"},{"key": "评论",“价值": ""},{"key": "只读",“价值":“
..
我正在尝试创建一个 input 字段,该字段的宽度至少会随着用户输入的字符串的长度(甚至可能是多行)而动态扩展.使用 Angular Material 2 中的 input 元素可以做到这一点吗? 使用 Angular Material 2 中的 textarea 字段,我只能使用以下代码扩展 textarea 的高度,而不是宽度:
..
我将 Angular Material 与 Angular 一起使用. 我的表没有在 ngOnInit 生命周期钩子上显示数据,但在我刷新应用程序后它显示: 即使 ChangeDetectorRef 也不影响表格. 这是表格的模板:
..
我正在使用 Angular Material 中的 MatTable 组件制作动态数据表. 我需要获取一行的当前位置.我可以轻松获取用户单击的行,但我无法知道它在列表中的当前位置(取决于排序/过滤/分页). 有什么想法吗? 解决方案 在你的 mat-cell 中,你可以得到类似 *ngFor 的索引 {{ 一世 }} Update 从 Angular
..
我正在尝试使用多个复选框自定义 mat-select.由于某种原因,面板错误的最小宽度如下: 而且我不知道它在哪里计算这个最小宽度.我还尝试添加 panelClass 并覆盖此类的最小宽度,例如: &.多面板{最小宽度:200px!重要;} 但是当打开下拉菜单时,它以原始宽度(如图片所示)打开,几毫秒后“跳转"到面板类上定义的自定义最小宽度. 我发现 mat-select 很难设计
..