如果在 Angular 6 中使用 formGroup 会显示一些错误答案

【问题标题】：If using formGroup in angular 6 some errors are showing如果在 Angular 6 中使用 formGroup 会显示一些错误
【发布时间】：2018-12-07 09:41:04
【问题描述】：

通过在反应形式中使用它

&lt;form #branchForm [formGroup]='branchForm'&gt;

我遇到了一些错误

 Error: Uncaught (in promise): Error: Template parse errors:
Can't bind to 'formGroup' since it isn't a known property of 'form'. ("
    <div class="box">
      <div class="box-body">
        <form #branchForm [ERROR ->][formGroup]='branchForm'>
          <div class="row">
            <div class="form-group"  [ngClass]="): ng:///BranchManagementRoutingModule/BranchManagementComponent.html@63:26
Error: Template parse errors:
Can't bind to 'formGroup' since it isn't a known property of 'form'. ("
    <div class="box">
      <div class="box-body">
        <form #branchForm [ERROR ->][formGroup]='branchForm'>
          <div class="row">
            <div class="form-group"  [ngClass]="): ng:///BranchManagementRoutingModule/BranchManagementComponent.html@63:26
    at syntaxError (compiler.js:1021)
    at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse (compiler.js:14830)
    at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate (compiler.js:24018)
    at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate (compiler.js:24005)
    at compiler.js:23948
    at Set.forEach (<anonymous>)
    at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents (compiler.js:23948)
    at compiler.js:23858
    at Object.then (compiler.js:1012)
    at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndComponents (compiler.js:23857)
    at syntaxError (compiler.js:1021)
    at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse (compiler.js:14830)
    at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate (compiler.js:24018)
    at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate (compiler.js:24005)
    at compiler.js:23948
    at Set.forEach (<anonymous>)
    at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents (compiler.js:23948)
    at compiler.js:23858
    at Object.then (compiler.js:1012)
    at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndComponents (compiler.js:23857)
    at resolvePromise (zone.js:814)
    at resolvePromise (zone.js:771)
    at zone.js:873
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421)
    at Object.onInvokeTask (core.js:3811)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:188)
    at drainMicroTaskQueue (zone.js:595)

我已经导入了所有必要的模块，例如 ReactiveFormsModule、Fromgroup 等

从 '@angular/forms' 导入 { FormsModule, ReactiveFormsModule }；并将这些也包含在导入中

【问题讨论】：

标签： angular6

【解决方案1】：

import ReactiveFormsModule from @angular/forms

需要导入到您的组件模块并添加到您的导入中。

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

@NgModule({
  imports: [
    // other imports ...
    ReactiveFormsModule
  ],
})
export class AppModule { }

【讨论】：

【解决方案2】：

要修复这个错误，你只需要在你的模块中import ReactiveFormsModule from @angular/forms。

【讨论】：