NGX 在 .Ts 文件中翻译 - Angular
NGX Translate in .Ts File - Angular
目前我的一个 .ts 文件中有这个方法:
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 transnlate 并且我已经在 html 中使用翻译管道。
我想对这个方法使用相同的方法来删除 if 和 else 来检查语言,并且只需要类似于:
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 翻译管道?
根据答案,您可以像下面这样注入服务:
constructor(private localizationSvc: LocalizationService) {
}
然后你可以使用getResource
方法获取组件中的资源:
const translatedText = await this.localizationSvc.getResource('SettingsPage.cancelText', 'en');
注意:此答案基于我在上面引用的最后一个答案。所以一定要从那里复制代码。
所以我设法找到了问题的答案。
我将代码更改为:
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 文件中获得动态文本翻译。
希望这对其他人也有帮助。
目前我的一个 .ts 文件中有这个方法:
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 transnlate 并且我已经在 html 中使用翻译管道。 我想对这个方法使用相同的方法来删除 if 和 else 来检查语言,并且只需要类似于:
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 翻译管道?
根据
constructor(private localizationSvc: LocalizationService) {
}
然后你可以使用getResource
方法获取组件中的资源:
const translatedText = await this.localizationSvc.getResource('SettingsPage.cancelText', 'en');
注意:此答案基于我在上面引用的最后一个答案。所以一定要从那里复制代码。
所以我设法找到了问题的答案。
我将代码更改为:
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 文件中获得动态文本翻译。
希望这对其他人也有帮助。