javascript - 使用 ng-translate 翻译不存在的键

Question

默认情况下，如果我尝试使用 $translate 服务或 translate 过滤器翻译不存在的 key ，则会返回 key 本身。

例如$translate.instant('no.such.key') === 'no.such.key'

有没有办法改变这个(每次调用，而不是全局)以便返回 null？

或者，ng-translate 是否提供了一种比这更简洁的方式来仅在翻译存在时显示翻译？

<div ng-if="('no.such.key' | translate) !== 'no.such.key')">
    {{'no.such.key' | translate}}
</div> 

Answer 1

有一个自定义错误处理程序，您可以在其中控制找不到 key 时显示的文本。

https://angular-translate.github.io/docs/#/guide/17_custom-error-handler

我从该页面复制并粘贴到示例下方。

app.factory('customTranslationHandler', function () {
  return function (translationID, uses) {
    // return the following text as a translation 'result' - this will be
    // displayed instead of the language key.
    return 'NO DEFAULT KEY';
  };
});

也许对您来说更可取的是静默记录丢失的 key 。参见 https://angular-translate.github.io/docs/#/guide/16_error-handling