Hi all, in my app I use angular-translate to have a multilanguage app (tabs based app in my situation).
Language is choose (by the user) only in the main tab via
<div class="it" ng-class="classIT" ng-click="changeLanguage('it')">IT</div>
<div class="en" ng-class="classEN" ng-click="changeLanguage('en')">EN</div>
where
$scope.changeLanguage = function (langKey) {
$translate.use(langKey);
switch (langKey) {
case 'it':
$scope.classIT = 'classIT active';
$scope.classEN = '';
$scope.classDE = '';
break;
case 'en':
$scope.classIT = '';
$scope.classEN = 'classEN active';
$scope.classDE = '';
break;
case 'de':
$scope.classIT = '';
$scope.classEN = '';
$scope.classDE = 'classDE active';
break;
}
$timeout(function() {
$scope.$apply();
$scope.ltTime = 0;
$scope.llTime = 0;
sharedService.language = langKey;
//Other things....
});
};
in my main template tabs I have this code:
<div id="intro">
<h3 translate="FRONT_ROW1"></h3>
<h4 translate="FRONT_ROW2"></h4>
</div>
where FRONT_ROW1 and FRONT_ROW2 are defined in standard angular-translate format in app’s .config()
$translateProvider.translations('en', {
FRONT_ROW1: 'Come as a tourist, leave as a local',
FRONT_ROW2: 'Tailor-made vacations in the whole of Italy',
//OTHER FOR IT AND DE
My problem is that when user change language the FRONT_ROW1 and FRONT_ROW2 are not changed until user click one point of the screen. It’s like that ionicframework or angular-translate wait any event to update language. The thing is strange beacuse the tabs are updated instantly and in browser test (ionic serve -lc) all works without problems.
Thanks in advance.
M.