如何创建支持静态调用TranslationService的工具类？是否为合理实践？

你可以通过将注入的TranslateService实例保存到工具类的静态属性中实现需求，完整代码如下：

@Injectable({
    providedIn: 'root'
})
export class TranslationUtil {
    // 静态属性存储翻译服务实例
    private static translateService: TranslateService;

    constructor(private translateService: TranslateService) {
        // 实例化时将Angular注入的实例赋值给静态属性
        TranslationUtil.translateService = this.translateService;
    }

    public static translate(translationKey: string): string {
        if (!TranslationUtil.translateService) {
            throw new Error('翻译服务未初始化，请确保TranslationUtil已被注入器实例化');
        }
        return TranslationUtil.translateService.instant(translationKey);
    }
}

为了避免首次调用静态方法时实例未初始化，你需要在应用启动阶段主动触发工具类的实例化，在AppModule中注入一次即可：

@NgModule({
  // 其余模块配置保持不变
})
export class AppModule {
  constructor(private translationUtil: TranslationUtil) {
    // 空逻辑即可，注入操作会触发TranslationUtil的实例化
  }
}

• 优点：确实可以避免每个组件都显式注入翻译服务，调用方式简洁直接
• 缺点：
  • 破坏了Angular依赖注入的设计原则，组件依赖不透明，不利于后续代码维护和单元测试
  • 如果翻译资源未加载完成就调用instant方法，会直接返回翻译key而非预期结果，需要额外处理资源加载状态
  • 静态属性为全局单例，在服务端渲染(SSR)场景下可能出现跨请求的状态污染问题

1. 使用inject注入函数（Angular 14+支持）
   无需额外封装工具类，在组件、服务中直接调用inject函数注入，不需要写构造函数：

import { inject } from '@angular/core';
import { TranslateService } from '@ngx-translate/core';

@Component({
  // 组件配置保持不变
})
export class DemoComponent {
  private translateService = inject(TranslateService);
  demoText = this.translateService.instant('demo.key');
}

2. 使用翻译管道
   模板场景直接使用{{ 'translation.key' | translate }}即可完成翻译，不需要在组件类中做任何注入操作，是Angular生态最通用的翻译方案
3. 自定义翻译指令
   如果需要给DOM属性、批量文本做翻译，可以自定义属性/结构指令，统一封装翻译逻辑，复用度更高

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