码迷,mamicode.com
首页 > 其他好文 > 详细

Angular中的服务 以及自定义服务

时间:2020-05-22 17:03:51      阅读:83      评论:0      收藏:0      [点我收藏+]

标签:目录   rms   nbsp   inf   code   stc   idt   orm   msm   

Angular采用模块化、组件化的开发方式

 

组件之间的方法不能相互调用,一些公共的功能封装到服务里面,各组件调用服务里面的方法

 技术图片

 

 二、 创建服务命令

ng g service my-new-service
创建到指定目录下面
ng g service services/storage

三、app.module.ts (根组件)里面引入创建的服务

1.app.module.ts 里面引入创建的服务

import { StorageService } from ./services/storage.service;

2. NgModule 里面的 providers 里面依赖注入服务

@NgModule({
declarations: [
AppComponent,
HeaderComponent,
FooterComponent,
NewsComponent,
TodolistComponent
],
imports: [
BrowserModule,
FormsModule
],
providers: [StorageService],
bootstrap: [AppComponent]
})
export class AppModule { }

四、(其他组件)使用的页面引入服务,注册服务

import { StorageService } from ../../services/storage.service;

constructor(private storage: StorageService) {
}

 

Angular中的服务 以及自定义服务

标签:目录   rms   nbsp   inf   code   stc   idt   orm   msm   

原文地址:https://www.cnblogs.com/foremostxl/p/12937894.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!