javascript - How to convert website into multi language using AngularJs -
my approach translating 1 time when applied on element on angular template when applied multiple directive template making multiple time api call how avoid it. solution please comment var directive = { restrict: 'ae', scope: false, multielement: true, link: link }; $rootscope.cityname = cookieservice.getcookie('lang'); $rootscope.translatethese = []; $rootscope.translationdata = ''; $rootscope.translationcounter = 0; function link(scope, element, attr) { scope.$evalasync(function() { $rootscope.translatethese.push(element[0]); scope.$on('translateapisuccess', function(e, data) { angular.foreach($rootscope.translatethese, function(elem) { var translatedstring = $rootscope.translationdata[elem.innerhtml.trim().tolowercase()]; elem.innerhtml = translatedstring; // $compile(element....