Question

通过以反应形式使用它

<form #branchForm [formGroup]='branchForm'>

我遇到了一些错误

 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}; 并将这些也包括在进口中

Answer 1

import ReactiveFormsModule from @angular/forms

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

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

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

Answer 2

要解决此错误，您只需在模块中import ReactiveFormsModule from @angular/forms。

如果在角度6中使用formGroup，则会显示一些错误

2 个答案: