4

我在基于 angularjs 的应用程序中使用uploadcare 小部件。我将此小部件集成为角度指令。

文档说，我应该设置全局变量来更改语言环境：

<script>
    UPLOADCARE_LOCALE = 'ru';
</script>

但我对角度不是很熟悉。所以，我不知道如何动态地做到这一点。

我会很高兴得到任何帮助。

更新

我尝试将$rootScope添加到我的 uploadcare 指令并在那里设置UPLOADCARE_LOCALE变量：

angular.module("project").directive 'projectUploadcare', ($uploadcare, $rootScope) ->
   restrict: 'E'
   replace: true
   template: '''
                <span>
                   <span class="uploadcare-preview"></span>
                   <input type="hidden">
                </span>
             '''
   link: (scope, element, attrs) ->
      $rootScope.UPLOADCARE_LOCALE = 'ru'
      ... other code ...

但这无济于事。

4

2 回答 2

5

所有全局设置在页面加载时读取一次。区域设置是全局设置，不能为特定小部件覆盖。但根据消息来源，有一种 hack 允许在运行时重建翻译。

首先，您需要获取内部 Uploadcare API。

var internalUploadcare;
uploadcare.plugin(function(internal) {
  internalUploadcare = internal;
});

然后您可以使用内部internalUploadcare.locale.rebuild方法来重建语言环境设置。第三步是重新初始化页面上现有的小部件。例如：

$('#uploader').html(
  $('#uploader input:eq(0)')
);
uploadcare.initialize($('#uploader'));

加在一起：http: //jsbin.com/comone/1/watch

于 2014-06-26T19:09:36.470 回答
0

手动你应该使用

UPLOADCARE_LOCALE_TRANSLATIONS = {
  errors: {
    'portrait': 'Landscape images only'  // message for widget
  },
  dialog: {tabs: {preview: {error: {
    'portrait': {  // messages for dialog's error page
      title: 'No portrait images are allowed.',
      text: 'We are sorry but image should be landscape.',
      back: 'Back'
    }
  } } } }
};

是的：

UPLOADCARE_LOCALE = 'en';

只要确保你在之前设置了这个变量。

但这与AngularJS无关

于 2014-06-26T13:24:52.377 回答