使用dragend JS

时间:2017-02-02 00:41:55

标签: javascript jquery angularjs angular-translate

问题

使用dragend JS时,翻译不会加载到模板文件中。我调试了很多并得出结论,它与dragend JS声明有关。当我评论dragend()时,翻译出现,当我取消注释并重新加载页面时,机器人不会出现。

模板文件正确显示在HTML上。而dragend JS正在修复幻灯片。只是因为他们没有翻译成它。

页眉和页脚的翻译虽然有效。

守则

这是JavaScript:

var myApp = angular.module('MyApp', ["ngRoute", 'pascalprecht.translate']);

myApp.config(["$routeProvider", '$translateProvider', function($routeProvider, $translateProvider)
{
    $routeProvider
    .when("/", {
        templateUrl : "home.html"
        ,controller:"StageController"
    })
    .when("/about", {
        templateUrl : "about.html"
        ,controller:"StageController"
    });

    $translateProvider.useStaticFilesLoader({
        prefix: 'lang/locale-',
        suffix: '.json'
    });
    $translateProvider.preferredLanguage('sv');

}]);

myApp.controller('StageController', ['$scope', '$translate', function($scope, $translate) 
{
  $scope.changeLanguage = function (langKey)
  {
    $translate.use(langKey);
  };

  $scope.$on('$viewContentLoaded', function()
  {
    // Translations for templates won't load when using this:
    $(".ui-content").find(".dragend-pages").dragend();
  });

}]);

环境

  • angular-translate - v2.9.0 - 2016-01-24
  • AngularJS v1.6.1 Google
  • Chrome版本55.0.2883.95(64位)

演示

https://plnkr.co/edit/5G3jJxF3DSfClzfopGEg?p=preview

0 个答案:

没有答案