问题标签 [angular-formbuilder]

我正在尝试从 ts 文件动态提交表单。

形式

和 ts

但是上面的块在提交时重新加载页面。并且永远不会进入 doNothing()。还尝试了 (ngSubmit) 和 (onSubmit)

使用命令构建角度应用程序时出现以下错误ng build --prod。

错误：

我在下面解释我的代码。

我需要在构建应用程序时忽略这些警告消息，并且我正在使用Angular cli-8.2.1.

在我通过单击按钮动态设置输入值后，Angular 的表单验证器似乎不会检查输入项是否有效。

在我的表单上，我有一个按钮，单击该按钮会调用 API 并使用返回的数据来填充某些字段。但是，我使用的方法不会调用 angulars 验证检查器。这可能是因为用户实际上并没有点击表单字段并手动设置数据......因此，验证器永远不会被激活。如果用户确实在该字段中键入了一些数据，则该表单将得到很好的验证。

我可以克服这个错误的最佳方法是什么？我是否采取了错误的方法来设置这些值？我希望验证表单，但用户不必单击并键入字段值。

我在 StackBlitz 上创建了我的表单的精简版。在这里查看

下面是相同的代码：

app.component.html：

app.component.ts：

我正在构建一个表单，它从 Cloud Firestore 中检索值列表以及其他一些选项，将它们放入下拉菜单中，并在提交时创建一个新文档。

选项显示在下拉表单中，但是当我提交它时，正在传递所有静态/本地信息，但从数据库中检索到的值仅返回对象。

如何在对象上指定字段？

component.html

component.ts（编辑为仅显示相关数据）

简而言之，从 UI 中一切正常，它正在将表单提交到数据库，但它正在发送一个对象而不是一个值。（我想访问该id字段或meter对象上的字段。）

谢谢你。

我在用数据更新表单时遇到了一些麻烦。我有一个嵌套formGroup在另一个中formGroup，我得到的数据没有更新表单，它仍然是空的。我可以在日志中看到数据，所以表单更新有问题。

这是我的组件：

和我的 HTML：

我正在尝试将ng-dynamic-forms与自定义表单元素一起使用，但我一直遇到该错误： control.registerOnChange 不是函数

不知道我做错了什么

我在这里做了一个stackblitz： https ://stackblitz.com/edit/ng-dynamic-form-custom-control-registeronchange-error3

我无法在 Ionic 4 中获得 Formbuilder 的实例

我已经在类和组件的构造函数中导入了 Formbuilder。

看来我无法在新功能或存储或其他任何东西中访问 Formbuilder ....

我只能在构造函数中实例化 Formbuilder

下面的代码显示了这个错误

如果我在存储功能之前调用 formbuilder 可以得到它：

下面的代码显示没有错误！

这是视图：

当我 ng s --aot 时收到此消息 Object is possibly 'null'.

我整个早上都在尝试解决它，有什么想法吗？错误发生在 <mdb-success *ngIf="email.valid && (email.dirty || email.touched)" class="mt-2">Email valid</mdb-success>email.valid、dirty 等对象上。

ts代码：

我正在尝试使用表单构建器以角度编写反应式表单。这是我在单独的文件中声明表单的方式：

这是使用此表单的组件：

这是 HTML：

现在，当我运行应用程序并单击按钮以在控制台中显示我的对话框时，我收到很多关于它无法找到 formControlName 的错误，这是控制台中的错误：

我有一个自定义异步验证器，我想updateOn: 'blur'使用以下方法设置属性FormBuilder：

我试过这个但它不起作用：

笔记

我不想手动创建表单控件实例，如下所示：