使用角6的角材料形式时,无法提供控件容器错误。

我已经用Angular6编写了一个应用程序,我正在向其中添加Angular材质。

在现有应用中使用反应式方法

我有一个登录模块,它低于声明。

@NgModule({
  imports: [
    CommonModule,
    RouterModule.forChild([
     {path:'login',component:LoginComponent}
    ]),   
    ReactiveFormsModule,
    HttpClientModule,
    MatFormFieldModule,
    MatInputModule
  ],
  declarations: [LoginComponent]
})
export class LoginModule { }

登录组件具有以下模板- login.component.html

    <form>
            <mat-form-field>
               <input matInput placeholder="UserName">
            </mat-form-field>
    </form>

这个 AppModule 进口 LoginModule 进入它。

当 login.html 被渲染

compiler.js:1016 Uncaught Error: Template parse errors:
No provider for ControlContainer ("<section>

        [ERROR ->]<form>
                <mat-form-field>
                   <input matInput placeholder="UserName">

当我添加 FormsModule 在里面 验证模块 如下

@NgModule({
  imports: [
    CommonModule,
    RouterModule.forChild([
     {path:'login',component:LoginComponent}
    ]),
    FormsModule, //forms module added 
    ReactiveFormsModule,
    HttpClientModule,
    MatFormFieldModule,
    MatInputModule
  ],
  declarations: [LoginComponent]
})
export class LoginModule { }

做 模板模块 需要添加角形材料才能工作?

但是,如果我们用反应式形式来处理我的示例应用程序呢?