首页 > 其他 > 详细

6、angular服务

时间:2021-04-07 15:23:04      阅读:13      评论:0      收藏:0      [点我收藏+]

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

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

下面给几个服务案例

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服务

原文:https://www.cnblogs.com/jahoon/p/14627045.html

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