javascript - 如何在 Controller 中定义来自另一个文件的变量？

Question

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

var translationsEN = {

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

和我的 Controller :

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

我正在使用 Pascal Precht 的 Angular 翻译模块。当我更新文件时，控制台中显示消息:“translationsEN 未定义”(在我的 Controller 中)以及来 self 的语言文件的消息:“translationsEN 已定义但从未使用”

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

Answer 1

实现目标的 Angular 方法确实是使用 service或者，对于简单常量变量， constant service :

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

然后您所要做的就是将其注入(inject)到您的配置方法中:

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

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