angular自定义module

Posted ziyouchutuwenwu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angular自定义module相关的知识,希望对你有一定的参考价值。

在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();

 

以上是关于angular自定义module的主要内容,如果未能解决你的问题,请参考以下文章

angular 自定义指令详解 Directive

angular 啥时候用服务啥时候用指令

从 node_modules 到 angular-cli 的自定义字体

angular 自定义服务封装自定义http请求

Angular2:找不到自定义管道

在自定义 Angular 库中使用 Postcss