Question

我从cli下载了一个项目并采用了2个组件1）路由2）Employeecompoent 的 Routing.ts

import { RouterModule, Routes } from '@angular/router';
import { ModuleWithProviders } from '@angular/core/src/metadata/ng_module';
import { EmployeeCompoennt } from './Employee/Employee.Compoennt'
import{AppComponent} from './app.component'

export const AppRoutes: Routes = [
    { path: '', component: AppComponent },
    { path: 'calc', component: EmployeeCompoennt }
];

export const ROUTING: ModuleWithProviders = RouterModule.forRoot(AppRoutes);

Employee.ts

@Component({

})
export class EmployeeCompoennt{

app.module.ts

 import { BrowserModule } from '@angular/platform-browser';
    import { NgModule } from '@angular/core';
    import { AppComponent } from './app.component';
    import{ROUTING} from './Routing.component';
    import{EmployeeCompoennt} from '../app/Employee/Employee.Compoennt';

    @NgModule({
      declarations: [
        AppComponent
      ],
      imports: [
        BrowserModule,ROUTING
      ],
      providers: [EmployeeCompoennt],
      bootstrap: [AppComponent]
    })
    export class AppModule { }

这里我得到错误，因为员工组件不是任何模块的一部分。

Answer 1

“EmployeeComponent”应该在声明数组中声明，而不是在提供者中声明（因为提供者是服务）。

Answer 2

您必须在声明中声明EmployeeCompoennt，并且EmployeeCompoennt类名称应为EmployeeComponent。

@NgModule({
  declarations: [
    AppComponent,
    EmployeeCompoennt
  ],
  imports: [
    BrowserModule,ROUTING
  ],
  providers: [],
  bootstrap: [AppComponent]
})

Angular4 routing作为组件的错误不是任何模块的一部分

2 个答案: