问题标签 [angular-template-form]

我尝试了其他解决方案，例如修复表单引用，但这对我没有帮助。这是我的登录表格

这也是我的登录组件

如果你们需要查看我的代码的任何其他部分，请告诉我，请帮助我，我尝试了类似于解决此问题的答案的方法，但它对我不起作用。

我使用模板表单构建了一个包含大量输入的大表单。现在我需要动态添加一部分输入。由于使用 Reactive Form 动态添加输入似乎更容易，我想将输入的特定部分更改为 Reactive Form。

那么是否可以在同一个表单标签中混合使用响应式表单和模板表单？

我正在使用具有以下代码的自定义组件（自定义文本）

当我将此控件包含在另一个组件的表单（模板驱动）中时。

我无法使用 someForm.controls['controlId'] 获取控件的实例

我究竟做错了什么。

我正在使用 [(ngModel)] 顶部绑定各种输入并在我的角度应用程序中选择元素。我还使用 ngModel 服务。使用 select 元素时，我的应用程序显示一个空选项。

即使我将第一个选项的值更改为空字符串以外的值，也会出现同样的问题。

我的 inputsService 打字稿文件显示在相关部分：

输入代码工作正常，但无论第一个选项的值如何，选择都会显示一个空框。我希望解决方案只保留在 html 代码中，不需要任何打字稿代码。

我有一个模板驱动的表单，我想访问由模板驱动的表单生成的 FormControl。

官方文档指出 NgForm 具有 getControl 方法，但它需要一个 NgModel 指令实例。

https://angular.io/api/forms/NgForm#getcontrol

谁能告诉我如何获取 ngModel 实例

我正在为 Web 应用程序制作注册表单，我正在尝试将某些字段设为必填，并预先选中其中一个单选按钮，但“必填”和“已选中”输入标签似乎都没有任何效果。我使用 Firefox 作为我的浏览器和引导 css 类。

当我取出所有与 Angular 相关的代码（ngForm、ngModel 和 *ngIf 错误消息）并像纯 html/css 一样在浏览器中打开它时，单选按钮会被选中，并且必填字段会按应有的方式工作。所以我一定是在我的 Angular 代码上犯了一些逻辑错误，我对它还很陌生。

请注意，我的 .ts 类具有以下字段： user 是一个对象，其中包含此处使用的所有字段， checkPassword 是用于匹配密码的字符串， nameExists 是设置为 false 的布尔值，registrate() 是一个函数，它什么都不做现在。

我正在寻找初始化表单上的某些表单字段，然后调用一个if(this.form.valid)有条件的函数。

在ngOnInit函数上，我有一个 API 调用，它获取一些基本信息并将其填写在表单上：

但是，当调用this.doStuff()表单无效时，即使没有错误并且单击提交按钮似乎会强制验证并使其有效。

有没有一种方法可以手动触发表单的验证，从而实现这一点valid？

编辑：堆栈闪电战。

I need to reset some inputs that I use to store the login PIN from a user, I have a service that generate a modal with an error message, and I'm able to clean the user name field, but not the inputs that I use to store de PIN, which are under the #inputs id. Please check my code below.

HTML

Component.ts

}

How should I reset those input fields?

我收到此错误： 您似乎在与 formControlName 相同的表单字段上使用 ngModel。Angular v6 中已弃用对使用 ngModel 输入属性和 ngModelChange 事件和响应式表单指令的支持，并将在 Angular v7 中删除。

我试图通过删除“[(ngModel)]="value"" 来纠正这个问题，但这不起作用 - 当从下拉列表中选择一个项目时，该值不会保留。

dropdown.component.html

dropdown.component.ts

堆栈闪电战

我希望能够使用其模型的一些默认值重置 Angular 表单

并在组件中

这不起作用，因为在设置模型并且文本通过重置设置为空之后发生重置。

我能想到的唯一两件事是使用超时，就像我们曾经用类似的方式污染我们的 AngularJs 应用程序一样

https://stackblitz.com/edit/angular-5pdpml

或者使按钮成为普通的旧按钮而不是重置按钮，并将表单传递给重置方法并调用 markAsUntouched 和 markAsPristine。

我真的不喜欢这两个选项中的任何一个。

我尝试为输入提供一个值，以便重置具有默认值，但 Angular 仍将模型设置为 null，即使输入确实具有重置设置的文本。

有没有办法让重置按钮设置默认表单状态而不是将所有绑定设置为空？