如何调试查看angular-translate翻译表？登出再登入后某表消失

嘿，我之前也碰到过类似的问题，给你几个靠谱的调试思路，帮你找出消失的翻译表到底去哪了：

• 直接在浏览器控制台扒翻译数据
  打开开发者工具的Console面板，先拿到$translate实例：

  const $translate = angular.element(document.body).injector().get('$translate');
  

  然后就能执行这些命令查看关键信息：

  • 看当前支持的所有语言：$translate.getAvailableLanguages()
  • 获取当前激活语言的完整翻译表：$translate.getTranslationTable()
  • 测试某个翻译键是否存在：$translate.instant('你的翻译键名')
  • 检查Cookie存储的内容（因为你用了CookieStorage）：$translate.storage().get('NG_TRANSLATE_LANG_KEY')，或者直接去Application面板的Cookie列表里找angular-translate相关的条目，看看登录后是否还在。

• 在代码里加日志主动输出翻译表
  在登录后的控制器或者初始化服务里注入$translate，在合适的时机打印翻译表：

  .controller('LoginController', ['$translate', function($translate) {
    // 登录成功后打印当前语言的翻译表
    $translate.getTranslationTable().then(table => {
      console.log('当前加载的翻译表:', table);
      // 可以在这里检查那张消失的表的键是否存在
    });
  
    // 也可以指定语言单独查看
    $translate.getTranslationTable('EN').then(enTable => {
      console.log('EN语言翻译表:', enTable);
    });
  }]);
  

• 排查自定义Loader的加载问题
  你用了自定义的i18nLoader，很大概率是登出后重新登录时Loader没正确加载那张消失的表。可以给Loader加日志，或者配置错误捕获：

  $translateProvider.useLoader('i18nLoader', {});
  // 捕获加载失败的情况
  $translateProvider.loaderErrorHandler(err => {
    console.error('翻译表加载出错了:', err);
  });
  

  同时检查你的i18nLoader服务，确认登录后它能正常请求并返回那张消失的翻译数据，比如是不是请求路径、权限或者缓存的问题。

• 检查登出时的Cookie清理逻辑
  因为你用了useCookieStorage()，如果登出代码里不小心删除了angular-translate相关的Cookie（比如NG_TRANSLATE_LANG_KEY），就会导致重新登录后翻译表丢失。去看看登出的逻辑，必要时调整Cookie清理的范围，或者登录后主动调用$translate.refresh()强制重新加载翻译表。

内容的提问来源于stack exchange，提问作者Matthias Beaupère