6、angular服务

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了6、angular服务，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1079字，纯文字阅读大概需要2分钟。

内容图文

服务可以理解为公共的方法，项目里面需要用到的公共方法都可以抽离为一个公共的方法使用

服务类的定义通常紧跟在 “@Injectable()” 装饰器之后，依赖不一定是服务 —— 它还可能是函数或值。也就是说函数或值不需要@Injectable()装饰器

创建service的指令
ng generate service heroes/hero

 

下面给几个服务案例

1、公共函数或值，目录：app->core->services->utils->app-common.function.ts

export function getRole():string {
    return sessionStorage.getItem('erp_role');
}

2、公共服务，目录：app->core->services->services->dialog.service.ts

import { Injectable } from '@angular/core';
import { MatDialogRef, MatDialog } from '@angular/material';
import { MatConfirmDialogComponent } from 'src/app/shared/mat-confirm-dialog/mat-confirm-dialog.component';

@Injectable({
  providedIn: 'root'
})
export class DialogService {

  constructor(private dialog: MatDialog) { }

  openConfirmDialog(msg, height){
    console.log("message: " + msg + "  height: " + height);
    return this.dialog.open(MatConfirmDialogComponent,{
       width: '390px',
       panelClass: 'confirm-dialog-container',
       disableClose: true,
       position: { top: height+"px" },
       data :{
         message : msg
       }
     });
   }
}

 

内容总结

以上是互联网集市为您收集整理的6、angular服务全部内容，希望文章能够帮你解决6、angular服务所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---