Angular 没有简单组件的提供程序
直到5分钟前它才开始工作。。。 这是组件Angular 没有简单组件的提供程序,angular,angular-providers,Angular,Angular Providers,直到5分钟前它才开始工作。。。 这是组件 import { Component, OnInit } from '@angular/core'; import {Osobaa} from '../osobaa'; import { Osoba } from '../osoba'; import {OsobaService} from '../osoba.service'; @Component({ selector: 'app-form-add', templateUrl: './for
import { Component, OnInit } from '@angular/core';
import {Osobaa} from '../osobaa';
import { Osoba } from '../osoba';
import {OsobaService} from '../osoba.service';
@Component({
selector: 'app-form-add',
templateUrl: './form-add.component.html',
styleUrls: ['./form-add.component.css']
})
export class FormAddComponent implements OnInit {
osoba : Osobaa;
constructor() { }
ngOnInit() { }
}
这是主app.module.ts
import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/core";
import {FormsModule} from "@angular/forms";
import { AppComponent } from "./app.component";
import { HeaderComponent } from "./header/header.component";
import { LoginFormComponent } from "./login-form/login-form.component";
import { FooterComponent } from "./footer/footer.component";
import { DashboardComponent } from "./dashboard/dashboard.component";
import { RouterModule, Routes } from "@angular/router";
import {UserService} from './user.service';
import {AuthguardGuard} from './authguard.guard';
import { UserComponent } from "./user/user.component";
import { NotfoundComponent } from './notfound/notfound.component';
import { TableViewComponent } from './table-view/table-view.component';
import {HttpClientModule} from '@angular/common/http';
import {OsobaService} from './osoba.service';
import { HttpModule } from '@angular/http';
import { FormAddComponent } from './form-add/form-add.component';
const appRoutes: Routes = [
{
path: "",
component: LoginFormComponent
},
{
path: "add" ,
component: FormAddComponent
},
{
path: "table", component : TableViewComponent
},
{
path: "users/:name",
component : UserComponent
},
{
path: "dashboard",
canActivate:[AuthguardGuard],
component: DashboardComponent
},
{
path: '**',
component: NotfoundComponent
}
];
@NgModule({
declarations: [
AppComponent,
HeaderComponent,
LoginFormComponent,
FooterComponent,
DashboardComponent,
UserComponent,
NotfoundComponent,
TableViewComponent,
FormAddComponent
],
imports: [BrowserModule, RouterModule.forRoot(appRoutes),HttpModule,FormsModule],
providers: [UserService,AuthguardGuard,HttpClientModule,OsobaService],
bootstrap: [AppComponent]
})
export class AppModule {}
控制台错误为:
错误错误:未捕获(承诺中):错误:StaticInjectorError[FormAddComponent]:
StaticInjectorError[格式组件]:
NullInjectorError:FormAddComponent没有提供程序!
错误:StaticInjectorError[FormAddComponent]:
StaticInjectorError[格式组件]:
NullInjectorError:FormAddComponent没有提供程序 从
提供程序中删除HttpClientModule
模块,它应该放在NgModule
的imports
选项中。还可以尝试重新构建/重新运行应用程序
可能您正试图将组件作为可注入组件注入到服务中。,不是这样。我在html中的组件上使用ngModel,如果这有助于您尝试在某个构造函数中注入FormadComponent
aas依赖关系?实际上,当我尝试加载另一个正在工作的组件时,我没有触摸它,但错误提到FormadComponent发现了“错误”我将FormAddComponent导入到服务中,以便将对象发送到post http send,但它以某种方式影响了另一个组件