NGX在.Ts文件中翻译-角度 [英] NGX Translate in .Ts File - Angular
问题描述
当前,我的.ts文件之一中有此方法:
Currently I have this method in one of my .ts files:
clearFavourites() {
if (this.language === 'en') {
this.dialogs.confirm('Do you want to clear your favourite apps?', 'Clear Favourites', ['Yes', 'No'])
.then(val => {
console.log('Dialog dismissed' + val);
if (val === 1) {
this.resetFavIcons();
this.storage.remove('FavAppList');
this.storage.set('FavHasChanged', 'yes');
}
})
.catch(e =>
console.log('Error displaying dialog', e)
);
} else if (this.language === 'mt') {
this.dialogs.confirm('Trid tneħħi l-apps tiegħek mill-favoriti?', 'Neħħi minn Favoriti', ['Iva', 'Le'])
.then(val => {
console.log('Dialog dismissed' + val);
if (val === 1) {
this.resetFavIcons();
this.storage.remove('FavAppList');
this.storage.set('FavHasChanged', 'yes');
}
})
.catch(e =>
console.log('Error displaying dialog', e)
);
}
}
}
我已经安装了ngx trasnlate,并且已经在html中使用转换管道. 我想在此方法中使用相同的方法,以删除if和else来检查语言,并且只有类似以下内容:
I already have ngx trasnlate installed and i am already using the translate pipe in html. I would like to use the same for this method to remove the if and else for checking the language and just have something similar to:
clearFavourites() {
this.dialogs.confirm('SettingsPage.RemoveFav' | translate, 'SettingsPage.ClearFav' | translate, ['SettingsPage.Yes' | translate, 'SettingsPage.No' | translate])
.then(val => {
console.log('Dialog dismissed' + val);
if (val === 1) {
this.resetFavIcons();
this.storage.remove('FavAppList');
this.storage.set('FavHasChanged', 'yes');
}
})
.catch(e =>
console.log('Error displaying dialog', e)
);
}
}
上述方法对我不起作用,是否还有另一种方法可以像上述方法一样在.ts文件中使用ngx转换管道?
The above method is not working for me, is there another way I can use the ngx translate pipe in a .ts file similar to the method above?
推荐答案
所以我设法找到了问题的答案.
So I managed to find an answer to my question.
我将代码更改为:
clearFavourites() {
this.dialogs.confirm(this.translate.instant('SettingsPage.AskFavs'), this.translate.instant('SettingsPage.ClearFavs'), [this.translate.instant('SettingsPage.Yes'), this.translate.instant('SettingsPage.No')])
.then(val => {
console.log('Dialog dismissed' + val);
if (val === 1) {
this.resetFavIcons();
this.storage.remove('FavAppList');
this.storage.set('FavHasChanged', 'yes');
}
})
.catch(e =>
console.log('Error displaying dialog', e)
);
}
}
并设法在ts文件中获得了动态文本翻译.
and managed to get a dynamic text translation in a ts file.
希望这对其他人也有帮助.
Hope this helps others as well.
这篇关于NGX在.Ts文件中翻译-角度的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!