javascript - 模块“AppModule”导入的意外值“FormBuilder”。请添加@NgModule 注释
问题描述
如何在 app.module 中添加 formbulder
由模块 AppModule 导入的非预期值 FormBuilder。请添加 @NgModule 注释。
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule, HTTP_INTERCEPTORS } from "@angular/common/http";
import {FormBuilder, FormControl, FormGroup, Validators, FormsModule} from '@angular/forms';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { ClientComponent } from './client/client.component';
import { ClientTaskComponent } from './clienttask/clienttask.component';
import { ClientService } from './client/sherad/client.service';
@NgModule({
declarations: [
AppComponent, ClientComponent, ClientTaskComponent, ClientService
],
imports: [
BrowserModule,
AppRoutingModule,
HttpClientModule,
FormsModule,
FormBuilder,
FormGroup,
FormControl
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
解决方案
import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { HttpClientModule, HTTP_INTERCEPTORS } from "@angular/common/http"; import {FormBuilder, FormControl, FormGroup, Validators, FormsModule} from '@angular/forms'; ........................///Remove this
import { FormsModule, ReactiveFormsModule } from "@angular/forms";..........//Add this
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { ClientComponent } from './client/client.component';
import { ClientTaskComponent } from './clienttask/clienttask.component';
import { ClientService } from './client/sherad/client.service';
@NgModule({
declarations: [
AppComponent, ClientComponent, ClientTaskComponent, ClientService
],
imports: [
BrowserModule,
AppRoutingModule,
HttpClientModule,
FormsModule,
FormBuilder,.........///Remove this
FormGroup,...........///Remove this
FormControl..........///Remove this
ReactiveFormsModule ..........//Add this
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
并将其导入您的 .ts
import {FormBuilder, FormControl, FormGroup, Validators, FormsModule} from '@angular/forms';
永远记得在
@NgModule
(
声明仅包含组件
导入仅包含模块
提供者仅包含服务
推荐阅读
- angular - 从 Angular 到 Web API .NET Core 的 HTTP Post 出错
- clips - 如何比较 CLIPS 中的两个字符串?
- asp.net-core - 如何在 .NET Core 3.1 Web 应用程序中加载“非引用”DLL 的依赖项?
- java - 我如何在 BroadcastReceiver 中处理多个警报
- android - java.lang.ClassCastException: androidx.test.runner.AndroidJUnitRunner 不能转换为 org.robolectric.android.fakes.RoboMonitoringInstrumentation
- php - PHP 7.4 - 警告:count():参数必须是数组
- amazon-web-services - 仅在使用 Lambda 授权方的代理 API Gateway 请求上添加标头
- typescript - 如何在 TypeScript 中创建递归二叉树?
- javascript - 将选定的值传递给其他组件 html
- java - 图像的 Android 安全性