动态更改角引导日期选择器的语言

Question

我在创建此代码时遇到困难。我使用的是

$scope.convertToLanguage = function ($language) { 
    var fileref = document.createElement("script"); 
     fileref.setAttribute("type", "text/javascript"); 
     fileref.setAttribute("src", "whatever the filename is"); 

     if (typeof fileref != "undefined") { 
      document.getElementsByTagName("head")[0].appendChild(fileref) 
     } 
    } 

我试图使源动力通过加载或者这些地区

<script src = "angular-locale_de-de.js"> </script> 
angular-locale_es-es.js 
angular-locale_it-it.js 
angular-locale_fr-fr.js 

脚本加载的。但是，语言不会改变。当我从之前的问题中读到时，我们使用Locale（s）来转换选择器的语言。

我想更改我的"**ng-click**"事件中的语言。

请帮忙。

Answer 1

我建议您使用angular-translate模块，它可以帮助您轻松地在区域设置之间切换。

您将能够引用您需要的任何翻译文件并随意加载您需要的文件。为此，您还需要选项angular-translate-loader-static-files插件。

实施例：

$translateProvider.useStaticFilesLoader({ // reference any locale-xxxxx.json locale file 
    prefix: 'locale-', 
    suffix: '.json' 
}); 
$translateProvider.preferredLanguage('en'); // use "en" by default 
$translateProvider.determinePreferredLanguage(); // automatically determine best locale from browser config 
$translate.use('de'); // force the use of "de" at runtime 

多指的是，此插件作为吨左右I18N有用functionnalities的。我用我的所有项目，即使我只有一个可用的语言环境;）上

观看演示：http://angular-translate.github.io/docs/#/guide/07_multi-language（

希望帮助

Answer 2

遗憾的是我没能与国际化做到这一点。不过，我通过修改角度引导本身（日期选择器部分）来解决问题，我使用了一个javascript数组，然后使用case执行条件，然后用我的数组中的不同语言调用相应的月/日。查看此信息。

this.modes = [ 
    { 
     name: 'day', 
     getVisibleDates: function (date, selected) { 

      var year = date.getFullYear(), month = date.getMonth(), firstDayOfMonth = new Date(year, month, 1); 
      var difference = startingDay - firstDayOfMonth.getDay(), 
      numDisplayedFromPreviousMonth = (difference > 0) ? 7 - difference : -difference, 
      firstDate = new Date(firstDayOfMonth), numDates = 0; 

      if (numDisplayedFromPreviousMonth > 0) { 
       firstDate.setDate(-numDisplayedFromPreviousMonth + 1); 
       numDates += numDisplayedFromPreviousMonth; // Previous 
      } 
      numDates += getDaysInMonth(year, month + 1); // Current 
      numDates += (7 - numDates % 7) % 7; // Next 

      var days = getDates(firstDate, numDates), labels = new Array(7); 
      for (var i = 0; i < numDates; i++) { 
       var dt = new Date(days[i]); 
       days[i] = makeDate(dt, format.day, (selected && selected.getDate() === dt.getDate()  && selected.getMonth() === dt.getMonth() && selected.getFullYear() === dt.getFullYear()), dt.getMonth() !== month); 
      } 

      //I Edited this part 
      for (var j = 0; j < 7; j++) { 
       labels[j] = global.shortDays[j]; 
      } 


      monthDisplay = dateFilter(date, format.dayTitle); 

      var e, f, i, s; 

      for (var i = 0; i < 12; i++) { 
       if (global.languageValidator === "de") { 

        monthDisplay = monthDisplay.replace(global.defaultMonths[i], global.germanMonths[i]); 
        monthDisplay = monthDisplay.replace(global.frenchMonths[i], global.germanMonths[i]); 
        monthDisplay = monthDisplay.replace(global.italianMonths[i], global.germanMonths[i]); 
        monthDisplay = monthDisplay.replace(global.spanishMonths[i], global.germanMonths[i]); 
       } 
       else if (global.languageValidator === "fr") { 

        monthDisplay = monthDisplay.replace(global.defaultMonths[i], global.frenchMonths[i]); 
        monthDisplay = monthDisplay.replace(global.germanMonths[i], global.frenchMonths[i]); 
        monthDisplay = monthDisplay.replace(global.italianMonths[i], global.frenchMonths[i]); 
        monthDisplay = monthDisplay.replace(global.spanishMonths[i], global.frenchMonths[i]); 

       } 
       else if (global.languageValidator === "it") { 

        monthDisplay = monthDisplay.replace(global.defaultMonths[i], global.italianMonths[i]); 
        monthDisplay = monthDisplay.replace(global.germanMonths[i], global.italianMonths[i]); 
        monthDisplay = monthDisplay.replace(global.frenchMonths[i], global.italianMonths[i]); 
        monthDisplay = monthDisplay.replace(global.spanishMonths[i], global.italianMonths[i]); 

       } 
       else if (global.languageValidator === "es") { 
        monthDisplay = monthDisplay.replace(global.defaultMonths[i], global.spanishMonths[i]); 
        monthDisplay = monthDisplay.replace(global.germanMonths[i], global.spanishMonths[i]); 
        monthDisplay = monthDisplay.replace(global.frenchMonths[i], global.spanishMonths[i]); 
        monthDisplay = monthDisplay.replace(global.italianMonths[i], global.spanishMonths[i]); 
       } 
      } 



      //return { objects: days, title: dateFilter(date, format.dayTitle), labels: labels }; //orignal return 
      return { objects: days, title: monthDisplay, labels: labels }; //modified return 
     //until here 

     }, 
     compare: function (date1, date2) { 
      return (new Date(date1.getFullYear(), date1.getMonth(), date1.getDate()) - new Date(date2.getFullYear(), date2.getMonth(), date2.getDate())); 
     }, 
     split: 7, 
     step: { months: 1 } 
    }, 
    { 
     name: 'month', 
     getVisibleDates: function (date, selected) { 
      var months = new Array(12), year = date.getFullYear(); 
      for (var i = 0; i < 12; i++) { 
       var dt = new Date(year, i, 1); 
       //months[i] = makeDate(dt, format.month, (selected && selected.getMonth() === i && selected.getFullYear() === year)); 

       //Modified by AARON 

       if (global.languageValidator === "de") { 
        months[i] = makeDate(dt, format.month, (selected && selected.getMonth() === i && selected.getFullYear() === year)); 
        months[i].label = global.germanMonths[i]; 
       } 
       else if (global.languageValidator === "fr") { 
        months[i] = makeDate(dt, format.month, (selected && selected.getMonth() === i && selected.getFullYear() === year)); 
        months[i].label = global.frenchMonths[i]; 
       } 
       else if (global.languageValidator === "it") { 
        months[i] = makeDate(dt, format.month, (selected && selected.getMonth() === i && selected.getFullYear() === year)); 
        months[i].label = global.italianMonths[i]; 
       } 
       else if (global.languageValidator === "es") { 
        months[i] = makeDate(dt, format.month, (selected && selected.getMonth() === i && selected.getFullYear() === year)); 
        months[i].label = global.spanishMonths[i]; 
       } 
       else 
       { 
        months[i] = makeDate(dt, format.month, (selected && selected.getMonth() === i && selected.getFullYear() === year)); 
       } 
       //console.log("Label = " + months[i].label); 

      } 
      //console.log({ objects: months, title: dateFilter(date, format.monthTitle) }); 
      return { objects: months, title: dateFilter(date, format.monthTitle) }; 

     }, 
     compare: function (date1, date2) { 
      return new Date(date1.getFullYear(), date1.getMonth()) - new Date(date2.getFullYear(), date2.getMonth()); 
     }, 
     split: 3, 
     step: { years: 1 } 

    },