Angular 9中如何在服务方法参数中使用枚举

没问题，我来帮你快速把字符串调用改成枚举调用，步骤超简单：

1. 在组件中导入枚举和服务 #

首先，你需要在使用SnackBarService的组件里，同时导入你定义的SnackBarPanelClass枚举（记得替换成实际的服务文件路径）：

import { Component } from '@angular/core';
// 导入服务和枚举
import { SnackBarService, SnackBarPanelClass } from './services/snack-bar.service'; // 替换成你的服务路径

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  constructor(private snackBarService: SnackBarService) {}

  // 你的业务方法...
}

2. 修改服务调用代码，使用枚举成员 #

接下来，把原来的字符串参数替换成枚举的成员就行，IDE还会自动提示枚举的可选值，完全不用担心拼写错误：

// 原来的字符串调用
// this.snackBarService.showMessage("There was an error getting info", "snack-bar-fail");

// 改成枚举调用
this.snackBarService.showMessage("There was an error getting info", SnackBarPanelClass.fail);

// 成功提示的话就用：
this.snackBarService.showMessage("Info loaded successfully!", SnackBarPanelClass.success);

为什么这么做能生效？ #

你定义的SnackBarPanelClass是字符串值枚举，每个成员都会对应你设定的字符串（比如SnackBarPanelClass.fail等价于"snack-bar-fail"），所以服务里的config.panelClass = [panelClass];依然能正确拿到对应的CSS类名，同时还获得了类型检查的好处——如果写错枚举成员，TypeScript会直接报错，比手写字符串靠谱多了。

内容的提问来源于stack exchange，提问作者ineedtoknow