angular自定义module

发布时间：2020-12-17 17:30:31 所属栏目：安全来源：网络整理

导读：在app.module.ts里面，imports部分，添加你的自定义模块名在你的自定义模块内，添加了component以后，需要添加exports导出，类似下面 import { NgModule } from ‘ @angular/core ‘ ;import { CommonModule } from ‘ @angular/common ‘ ;import { C1Comp

在app.module.ts里面，imports部分，添加你的自定义模块名
在你的自定义模块内，添加了component以后，需要添加exports导出，类似下面

import { NgModule } from ‘@angular/core‘;
import { CommonModule } from ‘@angular/common‘;
import { C1Component } from ‘./c1/c1.component‘;
import { C2Component } from ‘./c2/c2.component‘;
import {S1Service} from ‘./s1.service‘;

@NgModule({
declarations: [C1Component,C2Component],imports: [
CommonModule
],// 这里声明服务
providers: [S1Service],// 这里声明导出的组件
exports: [C1Component,C2Component]
})
export class MyModuleModule { }

服务类似java内的构造注入，在别的类里面用的时候，修改构造函数

constructor(svc: S1Service) {
  svc.show();
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!