爲什麼語言沒有翻譯成角js

-1

(function() { 
    angular.module("MetronicApp").controller("deviceViewController",deviceViewController) 

    .factory("asyncLoader", asyncLoader) 
    .config(config); 


    //@config 
    config.$inject = [ '$translateProvider' ]; 

    function config($translateProvider) { 
//  $translateProvider.translations("ci", Language_ci); 
//  $translateProvider.translations("en", Language_en); 
//  $translateProvider.translations("hi", Language_hi); 
//  $translateProvider.translations("sp", Language_sp); 
     $translateProvider.preferredLanguage('en'); 
//  $translateProvider.translations('ci', { 
//   DeviceId: '設備ID', 
//   TimeStamp:'時間戳' 
//  }); 

     $translateProvider.useLoader('asyncLoader'); 
    // $translateProvider.useLocalStorage(); 

    var langMap = { 
     'en_AU': 'en', 
     'en_CA': 'en', 
     'en_NZ': 'en', 
     'en_PH': 'en', 
     'en_UK': 'en', 
     'en_US': 'en', 
     'ja_JP': 'ja', 
     'en_hi': 'hi', 
     'en_ci': 'ci', 
     'en_ch': 'ci' 
    }; 

    $translateProvider 
    .registerAvailableLanguageKeys(['en', 'sp', 'hi', 'ci'], langMap) 

    .determinePreferredLanguage(); 
    /*console.log($translateProvider. 
    .determinePreferredLanguage());*/ 
           //window.navigator.languages[0] 
    } 

    // @factory 
    asyncLoader.$inject = [ '$q', '$timeout', '$http' ]; 
    function asyncLoader($q, $timeout, $http) { 

    return function(options) { 
     var deferred = $q.defer(), translations; 

     var resturl = "lang"+options.key+".json"; 
     $http.get(
     resturl,{cache:false}).success(function(translations) { 
      deferred.resolve(translations); 
      //alert(translations); 
      }).error(function(translations) { 
      deferred.reject(translations); 
      }); 

      $timeout(function() { 
      deferred.resolve(translations); 
      }, 2000); 

      return deferred.promise; 
     }; 

     } 

    //@controller 
    deviceViewController.$inject = [ '$translate', '$scope','$rootScope','$state']; 

    function deviceViewController($translate, $scope,$rootScope,$state) { 
    $scope.defaultlanguage = true; 
    $scope.state= $state; 


      $scope.SetLang = function(langkey) { 
      var key = localStorage.getItem("Selected_Language"); 

       if (langkey === 'ci') { 
       alert("Selected Key form Single Device View is " + langkey); 
       $rootScope.lang = "ci"; 
       $scope.defaultlanguage = true; 
       //changeLanguageFeedbackPanel(key); 
       $translate.use(langkey); 
       // alert("Language Setted"); 
      } 

      if (langkey === 'en') { 
       alert("Selected Key form Single Device View is " + langkey); 
       $rootScope.lang = "en"; 
       $scope.defaultlanguage = false; 
       //changeLanguageFeedbackPanel(key); 
       $translate.use(langkey); 
      } 

      if (langkey === 'hi') { 
       alert("Selected Key form Single Device View is " + langkey); 
       // alert("lang key is "+langKey); 
       $rootScope.lang = "hi"; 
       $scope.defaultlanguage = false; 
       $translate.use(langkey); 

      } 
      if (langkey === 'sp') { 
       alert("Selected Key form Single Device View is " + langkey); 
       $rootScope.lang = "sp"; 
       $scope.defaultlanguage = false; 
      $translate.use(langkey); 
      } 
//   $translate.use(langkey); 
     } 
//  $scope.changeLanguage = function(langKey) { 
// 
//   if(langKey === 'en') 
//   { 
//    $rootScope.lang= "en"; 
//    $scope.defaultlanguage = true; 
//    //changeLanguageFeedbackPanel(langKey); 
//   } 
//   if(langKey === 'sp') 
//   { 
//    //alert("clicked Spanish"); 
//    $rootScope.lang= "sp"; 
//    $scope.defaultlanguage = false; 
//    //changeLanguageFeedbackPanel(langKey); 
//   } 
//   if(langKey === 'hi') 
//   { 
//    // alert("lang key is "+langKey); 
//    $rootScope.lang= "hi"; 
//    $scope.defaultlanguage = false; 
//   } 
//   if(langKey === 'ci') 
//   { 
//    $rootScope.lang= "ci"; 
//    $scope.defaultlanguage = false; 
// 
//   } 
// 
//   $translate.use(langKey); 
//  }; 
// 

//  var key= localStorage.getItem("key"); 
////  $scope.SetLang= function (Key) { 
// 
//  if (key === 'ci') { 
//   alert("Selected Key from Single Device View is " + Key); 
//   $rootScope.lang = "ci"; 
//   $scope.defaultlanguage = true; 
//   //changeLanguageFeedbackPanel(langKey); 
//   $translate.use(key); 
//  } 
// 
//  if (Key === 'en') { 
//   alert("Selected Key from Single Device View is " + Key); 
//   $rootScope.lang = "en"; 
//   $scope.defaultlanguage = true; 
//   //changeLanguageFeedbackPanel(langKey); 
//   $translate.use(key); 
//  } 
//  if (Key === 'hi') { 
//   alert("Selected Key form Single Device View is " + Key); 
//   // alert("lang key is "+langKey); 
//   $rootScope.lang = "hi"; 
//   $scope.defaultlanguage = true; 
//   $translate.use(key); 
// 
//  } 
//  if (Key === 'sp') { 
//   alert("Selected Key form Single Device View is " + Key); 
//   $rootScope.lang = "sp"; 
//   $scope.defaultlanguage = true; 
//   $translate.use(key); 
//  } 

     $scope.device_data=[ 
      {"deviceId":"temperature","timeStamp":"temperature","paramName":"temperature","paramValue":"151","paramUom":"Off Device"}, 
      {"deviceId":"temperature","timeStamp":"temperature","paramName":"temperature","paramValue":"151","paramUom":"Off Device"}, 
      {"deviceId":"temperature","timeStamp":"temperature","paramName":"temperature","paramValue":"151","paramUom":"Off Device"} 
     ]; 

// $scope.changeLanguage = function(langKey) { 
// 
//  if(langKey === 'en') 
//  { 
//  $rootScope.lang= "en"; 
//  $scope.defaultlanguage = true; 
//   //changeLanguageFeedbackPanel(langKey); 
//  } 
//  if(langKey === 'sp') 
//  { 
//   //alert("clicked Spanish"); 
//   $rootScope.lang= "sp"; 
//   $scope.defaultlanguage = false; 
//   //changeLanguageFeedbackPanel(langKey); 
//  } 
//  if(langKey === 'hi') 
//  { 
//   // alert("lang key is "+langKey); 
//   $rootScope.lang= "hi"; 
//   $scope.defaultlanguage = false; 
//  } 
//  if(langKey === 'ci') 
//  { 
//   $rootScope.lang= "ci"; 
//   $scope.defaultlanguage = false; 
// 
//  } 
// 
//  $translate.use(langKey); 
//  }; 
// 
     $scope.Action=function() 
     { 
      alert("Action Clicked Successfully"); 
     } 

     // On Click Action starts here 
     $scope.doAction= function() { 
      // body to perform action... 

      alert("Action taken Successfully"); 
     } 
}//Controller Ended 

    })();

這是我的JS文件。我已經編寫了單頁的代碼。它對於單個頁面工作正常，但是當我嘗試爲整個主題做時，這不起作用。它無法翻譯該語言。爲什麼語言沒有翻譯成角js

請告訴我whrer是錯誤嗎？

<ul class="dropdown-menu dropdown-menu-default"> 
        <li> 
         <a href=""> 
         <img alt="" src="../assets/global/img/flags/ci.png"><button onclick="SetLang('ci')">Chinese</button> 
          </a> 
        </li> 
        <li> 
         <a href=""> 
       <img alt="" src="../assets/global/img/flags/us.png"><button onclick="SetLang('en')">English</button> 
         </a> 
        </li> 
        <li> 
         <a href=""> 
         <img alt="" src="../assets/global/img/flags/hu.png"><button onclick="SetLang('hi')"> Hindi </button> 
          </a> 
        </li> 
        <li> 
         <a href=""> 
         <img alt="" src="../assets/global/img/flags/us.png"><button onclick="SetLang('sp')">Spanish</button> 
          </a> 
        </li> 
       </ul> 
     </li> 

      <script type="text/javascript"> 

       function SetLang(langkey) 
       { 
        alert("Language Changed To " +langkey); 
        localStorage.setItem("Selected_Language",langkey); 


       }

來源

2017-04-06 Leena

你有進口angularjs庫？ – valbrux

是的，我已經導入所有必要的庫房 – Leena

我的工作代碼是這樣的。

(function() { 
    'use strict'; 

    angular 
     .module('app.translate') 
     .run(translateRun) 


    translateRun.$inject = ['$rootScope', '$translate']; 
    function translateRun($rootScope, $translate){ 
     $rootScope.language = { 
     listIsOpen: false, 
     available: { 
      'en': 'English', 
      'es': 'Español', 
      'de': 'Deutsch', 
      'fr': 'Français', 
      'ru': 'Русский', 
      'ua': 'Українська' 
     }, 
     init: function() { 
      var proposedLanguage = $translate.proposedLanguage() || $translate.use(); 
      var preferredLanguage = $translate.preferredLanguage(); 
      $rootScope.language.selected = $rootScope.language.available[ (proposedLanguage || preferredLanguage) ]; 
     }, 
     set: function (localeId) { 
      $translate.use(localeId); 
      $rootScope.language.selected = $rootScope.language.available[localeId]; 
      $rootScope.language.listIsOpen = ! $rootScope.language.listIsOpen; 
     } 
     }; 
     $rootScope.language.init(); 
    } 
})();

HTML內容：

<li class="menumain" is-open="language.listIsOpen"> 
    <a class=""> 
     <em class="fa-globe fa fa-2x"></em> 
    </a> 
<ul role="menu" class="menumain-sub"> 
    <li ng-repeat="(localeId, langName) in language.available"> 
     <a ng-click="language.set(localeId, $event)" href="#">{{langName}}</a> 
    </li> 
</ul> 
</li>

來源

2017-04-06 11:16:34

你可以發送我的代碼所需的變化 – Leena

首先你不需要使用控制器在你的部分。你必須使它像一個模塊系統，而不是將它注入你想要的地方。 –

爲什麼語言沒有翻譯成角js

回答

相關問題