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.contents())(scope);                 })             })         });          // 0 second timeout push execution of         // directive next digest cycle dynamic values         // present. can use scope.$evalsync purpose.         //          // @example         // $timeout(function() {          //         $timeout(function() { // use scope.$watch here watching $viewcontentloaded // scope.$watch('$viewcontentloaded', function(e, u) {             $rootscope.translationcounter++;             var translatethese = [];             // if (scope.$last === true && scope.translationcounter === $rootscope.translatethese.length) { //we can use scope.$last isn't working             if ($rootscope.translationcounter === $rootscope.translatethese.length) {                 $rootscope.translatethese.foreach(function(sentence) {                     // trim.apply(sentence).split(" ").foreach(function(v) {                         translatethese.push(sentence.innerhtml.replace(/[^a-za-z ]/g, ""));                     // })                 })                 dataservice.statictranslation('guj', translatethese).then(function (response) {                     $rootscope.translationdata = response.response;                     scope.$emit('translateapisuccess', response.response);                     // when using translateapi horizontal                     // $rootscope.translationdata = json.parse(response.response).staticlangtranslationapplicationresponse.staticlangtranslationapplication.translations;                     // scope.$emit('translateapisuccess', json.parse(response.response).staticlangtranslationapplicationresponse.staticlangtranslationapplication.translations);                 });             }         });     }      return directive; }

you @ using angular translate service: https://github.com/angular-translate/angular-translate

it offers filter, directive , service translating content.


Comments

Post a Comment

Popular posts from this blog

java - Run spring boot application error: Cannot instantiate interface org.springframework.context.ApplicationListener -

-
i have spring project , try make use spring boot , run @ embadded tomcat following : https://spring.io/guides/gs/rest-service/ this application //@configuration //@enableaspectjautoproxy @springbootapplication @componentscan(basepackages = "gux.prome") public class application { public static void main(string[] args) { springapplication.run(application.class, args); } } if use maven command: mvn spring-boot:run , project starts fine, need debug , run main method @ intelij, exception occurs: exception in thread "main" java.lang.illegalargumentexception: cannot instantiate interface org.springframework.context.applicationlistener : org.springframework.boot.logging.classpathloggingapplicationlistener @ org.springframework.boot.springapplication.createspringfactoriesinstances(springapplication.java:414) @ org.springframework.boot.springapplication.getspringfactoriesinstances(springapplication.java:394) @ org.springframework.bo...
Read more

reactjs - React router and this.props.children - how to pass state to this.props.children -

-
i'm using react-router first time , don't know how think in yet. here's how i'm loading components in nested routes. entry point .js reactdom.render( <router history={hashhistory} > <route path="/" component={app}> <route path="models" component={content}> </route> </router>, document.getelementbyid('app') ); app.js render: function() { return ( <div> <header /> {this.props.children} </div> ); } so child of app content component sent in. i'm using flux , app.js has state , listens changes, don't know how pass state down this.props.children. before using react-router app.js defines children explicitly, passing state natural don't see how now. using couple of react helper methods can add state, props , whatever else this.props.children render: function() { var children = react.ch...
Read more

Excel VBA "Microsoft Windows Common Controls 6.0 (SP6)" Location Changes -

-
i have excel workbook used generate quotations customers. there main page user inputs data, , there buttons generate various pdfs , send them customer. however, 1 user consistently getting error preventing generating , sending pdfs. i beleive "microsoft windows common controls 6.0 (sp6)". it's installed on users' computers. on mine, location "c:\windows\syswow64\mscomctl.ocx" on others "c:\windows\system32\mscomctl.ocx" the user experiencing issues on 32-bit machine, "mscomctl.ocx" file should in system32. have manually put in there, , pointed common controls reference in vba it. issue seems keep reverting looking in syswow64. since folder doesn't exist, can't find it, , can't produce pdfs. i thought perhaps issue user running older version of office (2007) there users on 2013 , 2016. thought perhaps mixture of 64-bit , 32-bit users. user gets sent workbook other users (as quotation process goes further, gets passed ...
Read more