从承诺结果返回字符串

Question

我想在这个$translate服务周围有一个包装函数：https://angular-translate.github.io/docs/#/guide/03_using-translate-service 这样我们就可以通过调用$language.translate('keyword'(而不是promise来轻松地在代码中使用这些函数。

因此，我在我的应用程序中创建了一个新服务，该服务应该可以完成这项工作。这是一个非常简单的函数，但它返回undefined或[Object Object]。

angularApp.factory("$language", ['$translate', function($translate){
function trans(keyword){
console.log("translate in $language", keyword);
return $translate(keyword).then(function(msg) {
console.log("translation successfull", msg);
return msg;
}, function(translationId){
console.log("translation is not known", translationId);
return translationId
})
}
return {
translate : trans
}
}]);

在这两种情况下，当翻译已知与否时，console.log()都会向我显示正确的字符串，但在我的页面上它显示 [对象对象] 或未定义(当我删除$translate(keyword)之前的第一个return时。 当我像{{:: "KEYWORD" | translate}}一样使用过滤器时，它工作正常。

如何让我的函数返回带有翻译或 translationId 的字符串(当找不到翻译时，它实际上与关键字相同(？

Answer 1

似乎您希望结果以同步方式进行，如果您使用的是异步变体，无论如何它都会返回Promise对象。

似乎您可以使用$translatesynchronous变体使用$translate.instant()，但这种sync变体的缺点。如果在翻译过程中发生任何事情，您不会收到错误代码。

重写

angularApp.factory("$language", ['$translate', '$sce', function($translate, $sce){
function trans(keyword){
console.log("translate in $language", keyword);
var translation = $translate.instant(keyword)
var msg = $sce.valueOf(translation);
if (msg) {
console.log("translation successfull", msg);
return msg;
}
else {
console.log("translation is not known");
return "Error"
}
}
return {
translate : trans
}
}]);