angular6相关内容

反应式表单 - 输入字段自动聚焦 - Angular

我遇到了奇怪的问题.演示 .ts import { Component } from '@angular/core';从 '@angular/forms' 导入 { FormGroup, FormBuilder };@成分({选择器:'我的应用'，templateUrl: './app.component.html',styleUrls: ['./app.component.css']}) ..

发布时间：2021-11-10 03:09:29 angular angular6 angular-reactive-forms 其他开发

以角度反应形式禁用字段

在我的 angular 6 应用程序中，我正在制作一个反应形式， HTML 点击下方的添加按钮 添加 ..

发布时间：2021-11-10 03:09:17 javascript angular typescript angular6 angular-reactive-forms 前端开发

使用 Angular 中的反应式表单根据条件动态添加行

我是否可以在 Angular 反应形式中根据特定条件添加行?如果是，请帮我做.我已经在我的 stackblitz 中开始了它.请检查此链接https://stackblitz.com/edit/dynamically-add-rows this.addForm.get("items").valueChanges.subscribe(val => {控制台日志(val)；如果(val === 真) ..

发布时间：2021-11-10 03:09:02 angular angular6 angular-reactive-forms angular-forms angular4-forms 其他开发

ng-select 多选复选框，具有 angular 6 的反应形式

请通过链接(https://ng-select.github.io/ng-select#/multiselect-checkbox) 了解 ng-select 多选复选框. 我正在尝试在我的 angular 6 应用程序中使用 ng-select “Group selects children". 我在将 ng-select "Group selects children" 与反应式表 ..

发布时间：2021-11-10 03:06:42 angular6 angular-reactive-forms angular-ngselect 其他开发

以角度形式将输入创建为数组

尽力而为，请帮帮我.. 我正在制作一个有角度的动态形式，其中的形式总共分为三个部分，其中两个部分已经制作完成.现在我正在制作第三部分，这将通过从下拉列表中选择一个选项来生成... 连那些部分也完成了... 但我无法在其中创建表单数组...因为我是 angular 新手，请帮助我. HTML: 表单第 3 部分将在这里，它将是数组 ..

发布时间：2021-11-10 03:06:36 javascript angular typescript angular6 angular-reactive-forms 前端开发

Angular 6 跟进:选项值中的 [attr.disabled] 禁用所有条目

主题:Angular 6、反应式表单、下拉菜单、禁用一个选项:尽管检查员说 disabled=false，但所有而不是仅一个预期值都被禁用. 人们之前非常友好地帮助我解决了我的问题:“Angular 6 Reactive Form - 选择选项:禁用之前选择的选项"但是在我遇到障碍后它们似乎消失了，因此我的新问题是: 为什么禁用所有选项值，而不是仅禁用应该匹配语句的选项值? [attr ..

发布时间：2021-11-10 03:05:54 angular angular6 angular-reactive-forms 其他开发

检查后表情发生了变化.以前的值:'ng-valid:true'.当前值:'ng-valid:false'

我在父组件和子组件内的部分中有角反应形式. 在子组件内，我有一个复选框 - 当它被选中时 - 更多字段打开，我希望它们都是必需的. 我正在使用 setValidators，但出现错误 ParentFormComponent.html:3 ERROR 错误:ExpressionChangedAfterItHasBeenCheckedError:表达式已更改检查完之后.以前的值:'n ..

发布时间：2021-11-10 03:03:52 angular validation angular6 angular-reactive-forms 其他开发

如何使用添加按钮在 Angular 6 中上传多个文件?

你好，Everone.我一直在尝试上传上面(图片)用例.我知道当我们只有一个文件时这很容易.但现在情况不同了，它由带有文件的对象数组组成.现在我的问题是如何使用对象数组呈现 formdata 对象，其中每个对象由一个文件组成.对于动态形式，我使用了角度反应形式.任何人都可以建议我如何通过单击保存按钮将整个数据发送到支持.对于后端，我使用了 Springmvc.提前致谢. 我的 Github ..

发布时间：2021-11-10 03:03:49 angular typescript spring-mvc angular6 angular-reactive-forms 其他开发

从 json 创建动态表单时出错找不到名称为“数据"的控件

我正在使用 angular 7 应用程序，并且正在编写一个通用的动态表单创建器.我正在使用响应式表单和 ng-template 和 递归显示表单元素.项目的代码可以看到 这里. 但我面临以下错误 错误错误:找不到名称为“数据"的控件在 _throwError (forms.js:1775)在 setUpControl (forms.js:1683)在 FormGroupDirective. ..

发布时间：2021-11-10 03:03:46 angular angular6 angular7 angular-reactive-forms angular-forms 其他开发

使用角度形式更改表单元素

我正在使用通过 JSON 加载的表单元素制作角度动态表单.. 表单元素生成工作正常，但我需要根据从下拉列表中选择的选项更改表单元素.. 生成表单元素的 JSON jsonData: any = [{"elementType": "文本框","class": "col-12 col-md-4 col-sm-12","key": "project_name","label": "项目名 ..

发布时间：2021-11-10 03:02:36 javascript angular typescript angular6 angular-reactive-forms 前端开发

如何以角度形式将元素更改为输入或下拉列表?

我正在制作 angular 6 应用程序，其中我使用的是 angular 动态形式并且值来自 JSON.. 简单的 JSON: jsonData: any = [{"elementType": "下拉菜单","key": '项目',"label": '选择要显示的选项',“选项": [{ "key": 'inputbox', "value": '将项目级别显示为输入框' },{ "key ..

发布时间：2021-11-10 03:01:14 javascript angular typescript angular6 angular-reactive-forms 前端开发

角度 6 反应形式上的两种方式绑定

我正在尝试创建一个复杂的反应式表单，其中包含填充有数据对象的嵌套组件. 我试图实现的行为与模板驱动表单的双向数据绑定非常相似:当用户编辑表单的输入时，数据对象自动. 但与模板驱动的表单相反，我不能使用 [(ngModel)] 因为它在 angular V6 的反应式表单中已被弃用. 我知道 fromGroup.patchValue() 只会做一种方式绑定，然后我必须手动订阅更改事 ..

发布时间：2021-11-10 03:00:45 angular angular6 angular-reactive-forms two-way-binding 其他开发

将图像从 FileReader 传递到 Angular 6 中的表单输入

我尝试创建一个 UI，其中有一个带有几个文本字段的表单、一个 input type="file" 和一个 div 可以放置图像与表格的其余部分一起上传. 我的目标/逻辑 使用相同的 div 来放置图像或单击它并像 input type="file" 那样打开文件夹资源管理器.在几乎不可能“拖放"的小屏幕中启用点击是有意义的.并且由于表单中已经存在 input type="file" ， ..

发布时间：2021-11-10 03:00:33 angular file-upload angular6 image-uploading angular-reactive-forms 其他开发

如何在子组件中使用 formGroupName

如何在子组件中使用 formGroupName?例如: 我有 ParentFormComponent parentForm: FormGroup;构造函数(私有FB:FormBuilder，私有http:Http){}ngOnInit() {this.parentForm = this.fb.group({_general: this.fb.group ({项目名:''})})} 在 ..

发布时间：2021-11-10 02:59:01 angular angular6 angular-reactive-forms 其他开发

为什么在 <select><option> 中选择了属性不使用 ngModel 吗?

我对 Angular 6 有问题:如果我使用基于 元素(组合框)的组件，如果我以经典方式使用它，一切正常(注意我使用了 selected 属性:结果是，在模板中，默认选项已经显示为已选择，正如我所期望的！): 问题是，如果我使用 [(ngModel)] 指令(它需要我获得在组合框中输入的值)，由于某种原因，selected 属性似乎不再起作用，组合框显示为空值作为 sele ..

发布时间：2021-11-10 02:46:25 html angular6 html-select angular-ngmodel 前端开发

angular 6 弃用 formControlName 和 ngModel 一起使用

我有 Angular 6 项目.我同时使用了 ngModel 和 formControlName.但是 angular 在下面给了我警告.例如，当我从网格中的按钮打开更新弹出窗口时，我可以轻松地自动绑定更新弹出窗口中的输入.但是 angular 7 说删除 ngModel.因此，我必须始终将所有内容映射到我的学生对象.最好的方法是什么?我们可以在下面的代码中给 formValueType 像 st ..

发布时间：2021-11-10 02:44:22 angular typescript angular6 angular-ngmodel 其他开发

使用 ngIf 检查字符串是否以某个字符开头

是否可以通过使用 angular 来做到这一点?我已经尝试了两种方法，但都没有奏效. 帮助 [ngStyle]="{'opacity':cardNumber.startsWith('4') ? '0.5' : ' ..

发布时间：2021-11-10 02:41:03 angular angular6 angular-ng-if 其他开发

Angular 6 中 ngIf 中的多个条件

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

发布时间：2021-11-10 02:40:46 angular typescript angular5 angular6 angular-ng-if 其他开发

如何在材质树大子级别上实现虚拟滚动

我有一个带有父级、子级和孙级级别的角垫树.单击孩子时，我将在其中添加孙子.但是孙子拥有高达 4k 记录的大量数据.这使得树非常慢.我的代码如下 ..

发布时间：2021-11-10 02:37:26 angular angular6 angular-material2 angular-cdk angular-cdk-virtual-scroll 其他开发

错误:无法绑定到“dataSource"，因为它不是“mat-tree"的已知属性

我添加了从 https://material.angular.io/components/tree 检索到的示例/overview(示例可见[https://stackblitz.com/angular/arbvompqpmg?file=main.ts]) 文档，但它抛出此错误: 无法绑定到“dataSource"，因为它不是“mat-tree"的已知属性.1. 如果 'mat-tree' 是一 ..

发布时间：2021-11-10 02:33:04 angular typescript angular-material angular-material2 angular6 其他开发