如何检查translate.sinstant的返回值是否已翻译一次

Question

使用ngx-translate，我已经编写了这个函数，我正在尝试做的是

interface IWidgetFilterValue={label:字符串；value：字符串；}

getSortedOptions(filterOptionsArr: IWidgetFilterValue[]): IWidgetFilterValue[] {
const filterOptionsArrNew = [...filterOptionsArr];
return filterOptionsArrNew.sort((a: IWidgetFilterValue, b: IWidgetFilterValue): number => {
this.translateService
const aTranslated =
(a && a.key && this.translateService.instant(a.key)) || (a && a.value) || '';
const bTranslated =
(b && b.key && this.translateService.instant(b.key)) || (b && b.value) || '';
return aTranslated.localeCompare(bTranslated);
});
}

现在我期望的是，如果a.key或b.key没有得到正确的翻译文本，那么我想返回a.value或b.value，这就是问题所在。translateService.instant方法将返回翻译后的文本(如果可用(，或者返回标识符/键值

这意味着根据上面的函数，我永远不会得到a.value/b.值

var a = {"label":"Approved in english","key":"30349a66-1f39-412e-a841-052890516b2a","value":"Approved in english"}
this.translateService.instant(a.key);
"Approved in english"    //CORRECT
a.key; // "30349a66-1f39-412e-a841-052890516b2a"
a.key = a.key+'11111111111';  // NOW changed the key, such that I should not get the translation
"30349a66-1f39-412e-a841-052890516b2a11111111111"
this.translateService.instant(a.key);
"30349a66-1f39-412e-a841-052890516b2a11111111111" // So translateService.instant will return some value when the key passed to it is a truthy

b我想要的是，如果我没有为传递的密钥翻译文本，我想返回a.value/b.value

我可以想出一个解决方案，比如如果this.translateService.instant(a.key)的返回值是特定的regexp模式，并且是这种格式，那么这意味着我没有翻译文本，那么我可以考虑使用a.value/b.value

像

private isTranslatedTextFound(a) { 
const trans = this.translateService.instant(a.key);
// reg_exp look like for this pattern [a-z0-9]{8}-[a-z0-9]{4}-[a-z0-9]{4}-[a-z0-9]{4}-[a-z0-9]{12}
if(//check trans against regexp){ 
return a.value
}else{
return trans;
}

}
getSortedOptions(filterOptionsArr: IWidgetFilterValue[]): IWidgetFilterValue[] {
const filterOptionsArrNew = [...filterOptionsArr];
return filterOptionsArrNew.sort((a: IWidgetFilterValue, b: IWidgetFilterValue): number => {
this.translateService
const aTranslated =
(a && a.key && a.value && this.isTranslatedTextFound(a) || '';
const bTranslated =
(b && b.key && b.value && this.isTranslatedTextFound(b) || '';
return aTranslated.localeCompare(bTranslated);
});
}

有没有其他合适的方法来解决这个问题

Answer 1

我认为解决方案隐藏在您的问题中。

这是问题所在。translateService.instant方法将返回翻译文本(如果可用(，或者返回标识符/键值

您可以将从translateService获得的内容与密钥进行比较，如果相同，则可以返回a.value。

private isTranslatedTextFound(a) { 
const trans = this.translateService.instant(a.key);
return trans === a.key ? a.value : trans;
}