angular2-forms 相关问题

Angular表单是数据输入控件的集合。将此标记用于与模板驱动和反应形式有关的问题，包括NgForm，FormGroup，FormControl，AbstractControl，FormBuilder和Validator，以及表单和组件之间的数据绑定。

在 formArrays 上找不到具有未指定名称属性的控件

我正在尝试迭代组件中的 formArray 但出现以下错误错误：找不到具有未指定名称属性的控件这是我的班级文件中的逻辑...

loops angular angular2-forms

回答 14 投票 0

如何在 Angular 2 NgForm 上观察触摸事件？

可以订阅 NgForm 的 valueChanges 可观察属性的回调，以便对表单控件值的更改做出反应。我需要以同样的方式做出反应......

angular typescript angular2-forms

回答 7 投票 0

如何使用 angular2 单击按钮获取 primeng 下拉列表的选定文本

我无法在单击按钮时获取 primeng 下拉列表的选定文本。我使用 formgroup 来 div 并向网格添加多个条目。我尝试了很多，但只得到了选定的值。我还需要下拉标签。

javascript jquery angular angular2-template angular2-forms

回答 3 投票 0

Angular2更新表单控件值

我在使用控件和选择框构建动态 Angular2 表单时遇到问题，例如这个笨蛋：我在使用控件和选择框构建动态 Angular2 表单时遇到问题，例如这个plunker： <select class="form-control" ngControl="power"> <option *ngFor="#p of powers" [value]="p">{{p}}</option> </select> 您可以选择一个英雄的力量，并且控件将具有相同的值。但如果按 Change Powers，所选值将为空，但控制值仍为旧值。我认为这是一个严重的问题，因为当表单显示一件事但实际上它会提交不同的东西时，这是很多错误的根源，是否有某种方法可以更新控件的内容？有 updateValue()，但在所有这些情况下您都必须手动设置该值。还有一个类似的情况，当你在表单构建后更新选择框选项时，它会在选择框中显示选定的值，而控件值将为空，关于如何处理这个问题有什么想法吗？在 Angular 2 Final (RC5+) 中，有用于更新表单值的新 API。 patchValue() API方法支持部分表单更新，我们只需要指定部分字段即可： this.form.patchValue({id: selected.id}) 还有 setValue() API 方法，需要一个包含所有表单字段的对象。如果缺少一个字段，我们会收到错误。更新最新的 Angular2 语法更新将是这样的 this.form.controls['power'].setValue('anthing here'); 目前这是您唯一可以做的事情（如问题中提到的） this.form.controls['power'].updateValue(null); 有一个允许重置表单的开放问题https://github.com/angular/angular/issues/4933 还有一个拉取请求，但也允许您为每个控件“手动”操作，但也允许重置状态，如原始、触摸等...https://github.com/angular/angular/pull/ 6679 [Angular 2 稳定] 这是一种仅使用 NgModel 的肮脏方法（并且不导入其他表单构建器或表单组模块） // // set form field, "foo" value to "bar" // // // view // <form #formRef="ngForm"> <input name="foo" [(ngModel)]="foo"></input> </form> // // controller // class { @ViewChild('formRef') form: NgModel; ngAfterViewInit() { setTimeout(() => { this.form['controls']['foo'].setValue('bar'); }); } } 您可以尝试保持表单不可变。当您需要重置它时，只需重建它即可。这样可以确保它是最新的。您还可以将值存储在某处并将表单重置为这些值。假设您正在编辑一个项目，当您重置时，您可以恢复到原始值，而不仅仅是一个空表单... export class TheForm { public form: ControlGroup; public controls = (value: any = {}) => ({ 'id': [value.id], 'name': [value.name, Validators.required] }); constructor() { let values = some_values_from_database || {}; this.build(values); } build(value) { this.form = this._builder.group(this.controls(value)); } submit() { console.log(this.form.value); } } 我已经使用 @ngrx/store 创建了处理此类功能的基本表单，这是 the Gist。当我需要不同模型的表单时，我将扩展 BaseForm 并只定义 controls 和 submit() 方法，其余的都是继承... 代码是： (<FormControl>this.form.controls['power']).updateValue(data); 角 16： this.YOUR_FORM.controls.YOUR_FORM_CONTROL_NAME.setValue(NEW_VALUE) 示例： this.testForm.controls.username.setValue("bla bla");

angular angular2-forms

回答 0 投票 0

Angular2 - 无法动态更改输入类型

我想知道是否有人可以帮助解释为什么我无法动态更改表单输入类型？例如没有

angular input angular2-forms angular-forms form-control

回答 5 投票 0

Mat-error 在实现 ControlValueAccessor 和 Validator 的自定义电话输入组件中未触发

我正在尝试通过在 Angular 中实现 ControlValueAccessor 和 Validator 来创建自定义电话输入组件，但我遇到了 mat-error 未触发的问题。 FormGroup 似乎有效，...

angular angular-material2 angular2-forms angular-validator angular-controlvalueaccessor

回答 0 投票 0

在Angularjs和.Net Web API中获取401错误代码。

c# angularjs angular angular2-forms http2

回答 1 投票 0

在reactive form中设置imge url在angular2+中出现错误。

我正在使用Angular应用程序，我已经成功地从数据库中获取了数据，并试图使用补丁值方法设置表单控件的值，但不幸的是，我得到了错误，即......。

angular angular2-template angular-reactive-forms angular2-forms angular-forms

回答 1 投票 1

Angular 2中具有类型或模型的简单发布请求

现在，我正在尝试发出一个简单的帖子请求。这是<>

angular typescript post model-view-controller angular2-forms

回答 1 投票 0

角度模板驱动形式的动态元素参考

我正在尝试动态生成表单。我试图动态设置对ngModel的元素引用，但是它不起作用。＃{{item.name}} =“ ngModel”。代码为

html angular angular6 angular2-forms angular-forms

回答 1 投票 0

以编程方式在编辑表单上选择自动完成设置值ngModel

当我进入编辑表单时，我需要将值预填到表单中。创建表单可以正常工作，并且可以很好地提交值，HTML： ] ] >> 1. When you click the "Edit Form" Button you have to gather the persisted information for the form inputs fields. this might be from localstorage or from http request via angular service ([Angular Tutorial Http Server][1]) like in section --> "app/config/config.service.ts (getConfig v.1)". 2. then create an empty "contractInterface" property in your component and update it after you got the infos from localstorage or http request like ... contractInterface: any = {}; or ... contractInterface: BlaInterface = new BlaInterface(); later... loadMyFormValues() { this.myFormService.myGetFormValuesFn() .subscribe((contractInterface: any) => this.contractInterface = contractInterface); } [1]: https://angular.io/guide/http#requesting-data-from-a-server

angular angular-material angular2-forms angular9 ngmodel

回答 1 投票 0

以角形模型ngModel编程方式选择角材料自动完成

当我进入编辑表单时，我需要将值预填到表单中。创建表单可以正常工作，并且可以很好地提交值，HTML：＆...

angular angular-material angular2-forms angular9 ngmodel

回答 1 投票 0

如何以角度读取上传文件的内容？

我目前正在从事一个有角度的项目，在该项目中，用户通过将文件拖放到指定区域来上传文件。然后，我想将文件内容发送到后端以将其存储在mongo中。 ...

angular file angular2-forms filereader angular2-directives

回答 1 投票 0

刷新后的角度重定向，并通过直接url阻止访问

在我的网站上，您可以管理用户列表，当您单击“编辑”时，它会将您重定向到/ edit-user页，在该页中，信息以表格的形式预先加载。当您使用F5刷新页面时，它将重新加载...