Question

我正在使用Ionic创建应用程序，并且已经创建了页面survey，即SurveyPage。在此页面内，我有一些文本和一个组件，<app-survey-view>是SurveyViewComponent

在SurveyViewComponent内，我设置了一个表单，并且在HTML内的[formGroup]="surveyForm"上出现了此错误：

Can't bind to 'formGroup' since it isn't a known property of 'form'

我的财产surveyForm设置正确，应该可以正常工作。

我尝试将ReactiveFormsModule导入app.module.ts内，但无法正常工作。

即使在我的SurveyPageModule内，我也尝试导入和导出ReactiveFormsModule，但没有做任何更改。

有人可以帮我解决这个问题吗？

谢谢

编辑：经过一些研究，看来我的页面带有模块。ts不允许其子级继承ReactiveFormsModule。我的意思是，survey-view无法访问已在其父级模块（SurveyPage）中声明的ReactiveFormsModule

Answer 1

将FormsModule和ReactiveFormsModule添加到您所在模块的imports部分中（如果您不在特定模块中，则添加app.module.ts）。要导入这些来自

import { FormsModule, ReactiveFormsModule } from '@angular/forms';

如果将其放在子模块中，则也不应在导入您所在模块的父模块中引用ReactiveFormsModule。

我已根据您的StackBlitz示例在StackBlitz上为您创建了working example。

Answer 2

surveypage.module.ts.module.ts

import { FormsModule, ReactiveFormsModule } from '@angular/forms';

    @NgModule({
  imports: [
    CommonModule,
    FormsModule,
    ReactiveFormsModule,
    IonicModule,
    RouterModule.forChild(routes)
  ],
  declarations: [ForgotpassPage]
})

surveypage.html

    <form [formGroup]="forgot_form" autocomplete="off">
    <ion-item lines="none" class="input-container">
    <ion-label position="floating" class="input-label">
      Email address
    </ion-label>
    <ion-input type="email" formControlName="email" class="input-box"></ion-input>
  </ion-item></form>

surveypage.ts

    forgot_form: FormGroup;
    constructor(private formBuilder: FormBuilder){}

无法绑定到“ formGroup”，因为它不是页面内组件的“ form”的已知属性

2 个答案: