首页 > 其他 > 详细

Angular Module 共享模块使用 父模块使用多个子模块

时间:2019-05-25 23:45:46      阅读:305      评论:0      收藏:0      [点我收藏+]

      Component.module.ts

import {BrowserModule} from ‘@angular/platform-browser‘;
import {LocationStrategy, HashLocationStrategy} from ‘@angular/common‘;
import {NgModule} from ‘@angular/core‘;
import {FormsModule} from ‘@angular/forms‘;
import {HttpClientModule} from ‘@angular/common/http‘;
import { HeaderComponent } from ‘./header/header.component‘;
import { FootComponent } from ‘./foot/foot.component‘;
import { BodyComponent } from ‘./body/body.component‘;

@NgModule({
declarations: [
HeaderComponent,
BodyComponent,
FootComponent,
],
imports: [
BrowserModule,
FormsModule,
HttpClientModule,
],
exports:[
HeaderComponent,
BodyComponent,
FootComponent,
]
 
,
providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}],
bootstrap: [
]
})
export class ComponentModule {
}
 
 
app.module.ts
 
@NgModule({
declarations: [
AppComponent,
AnalysisComponent,
LoginComponent,
],
imports: [
BrowserModule,
FormsModule,
HttpClientModule,
routing,
//ChartsModule,
DashboardModule,
 
ComponentModule
],
exports:[
],
providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}],
bootstrap: [AppComponent]
})
export class AppModule {
}

Angular Module 共享模块使用 父模块使用多个子模块

原文:https://www.cnblogs.com/momjs/p/10924445.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!