Это моя директива, которая обрабатывает всплывающие окна. Я использую angular-translate для перевода текста в разные языки:
angular.module('c2gyoApp')
.directive('tariffPopover', [
'$translate',
'$rootScope',
function ($translate, $rootScope) {
return {
restrict: 'A',
transclude: true,
scope: {
translateText: '@tariffPopover'
},
template:
'<span ng-transclude></span>' +
' ' +
'<span popover-placement="right" ' +
' uib-popover-html="text" ' +
' popover-trigger="mouseenter" ' +
' class="fa fa-info-circle">' +
'</span>',
controller: function ($scope) {
$translate($scope.translateText).then(function (translatedText) {
$scope.text = translatedText;
});
$rootScope.$on('$translateChangeSuccess', function () {
$translate($scope.translateText).then(function (translatedText) {
$scope.text = translatedText;
});
});
}
};
}]);
Перевод выполняется, когда язык меняется с помощью $rootScope.$on('$translateChangeSuccess')
. Однако это не выполняется при загрузке страницы, поэтому я добавил строки для повторного перевода текста в контроллере:
controller: function ($scope) {
$translate($scope.translateText).then(function (translatedText) {
$scope.text = translatedText;
});
$rootScope.$on('$translateChangeSuccess', function () {
$translate($scope.translateText).then(function (translatedText) {
$scope.text = translatedText;
});
});
Есть ли способ выполнить перевод при загрузке страницы без дублирования кода?