如何在来自另一个文件的控制器中定义变量？

Question

这是我的示例代码：en.js

var translationsEN = {

USERNAME:     'Username',
PASSWORD:     'Password',
LOGIN:    'Login',
CANCEL:   'Cancel' };

和我的控制器：

.config(function ($routeProvider, $translateProvider) {
...
$translateProvider.translations('en_US', translationsEN);
$translateProvider.preferredLanguage('en_US');
...

我正在使用Pascal Precht的angular-translate模块。 当我更新文件时，在控制台中显示的消息是：“ translationsEN未定义”（在我的控制器中），而来自我的语言文件的消息是：“ translationsEN已定义但从未使用”

如何在控制器中定义变量？ 我需要将变量定义为服务吗？

Answer 1

实现您的目标的Angular方法确实是使用服务，或者在简单且恒定的变量的情况下，使用恒定的服务 ：

myModule.constant(
    'myModule.translations.EN',
    {
        USERNAME: 'Username',
        PASSWORD: 'Password',
        LOGIN: 'Login',
        CANCEL: 'Cancel'
    }
);

然后，您要做的就是将其注入您的配置方法中：

myModule.config([
    '$routeProvider',
    '$translateProvider',
    'myModule.translations.EN',
    function ($routeProvider, $translateProvider, translationsEN) {
        // …
        $translateProvider.translations('en_US', translationsEN);
        $translateProvider.preferredLanguage('en_US');
    }
]);

如果由于某些原因，您绝对需要使用经典变量，例如，因为它也在非角度脚本中使用，则只需确保在配置方法之前声明它即可。

Answer 2

就像@Blackhole在他的回答中解释的那样，实现此目标的一般方法是使用提供程序。

但是， 在您的angular-translate特定用例中 ，实现此目的的方法是使用$translateProvider加载翻译文件：

将en.js重命名为en_US.json并将其放置在名为/locales的文件夹中。 确保您的文件是有效的json，即您要删除var translationsEN = 。

然后像这样配置$translateProvider ：

$translateProvider.useStaticFilesLoader({
    prefix: '/locales/',
    suffix: '.json'
});

这将加载位于/locales文件夹中的所有json转换文件。

这样，您的翻译文件将完全独立于您的应用程序逻辑。