在模态引导程序内提交 Angular Reactive Form 事件不起作用 -

Question

我在模态引导弹出窗口中有一个基本的角度反应形式，它根本不提交。即 Angular ngSubmit 事件没有被触发！请看一下我模拟的这个 stackblitz：

只需填写一些数据并尝试提交表格即可。我在 onSubmit() 方法中放置了一个警报对话框，以检查它是否在表单提交时被调用。不，不起作用。

目前它给出了两个控制台错误，这也很奇怪，因为我已经使用 formControlName 将反应式表单属性与相应的输入控件绑定在一起。

Cannot find control with name: 'name'
Cannot find control with name: 'city'

你能告诉我我的 stackblitz 尝试出了什么问题吗？我究竟错过了什么？

谢谢，

Answer 1

您需要在

ngOnInit

钩子上初始化表单，然后它将开始工作。

ngOnInit(): void {
  this.setFormState();
}