Javascript 向Angular'添加2个提供程序;s app.config
因此,我正在尝试向我的app.config函数添加另一个翻译提供程序,目前我只使用了Javascript 向Angular'添加2个提供程序;s app.config,javascript,angularjs,Javascript,Angularjs,因此,我正在尝试向我的app.config函数添加另一个翻译提供程序,目前我只使用了$routeProvider: var app = angular.module('app', ['ngRoute', 'home', 'about', 'contact', 'session', 'auth-token-interceptor']); app.config(['$routeProvider', function($routeProvider) { $routeProvi
$routeProvider
:
var app = angular.module('app', ['ngRoute', 'home', 'about', 'contact', 'session', 'auth-token-interceptor']);
app.config(['$routeProvider', function($routeProvider) {
$routeProvider.
otherwise({
redirectTo: '/'
});
}]);
这很好,现在我尝试按照本教程为我的Angular应用程序添加一些简单的翻译:
我有点困惑,到底在哪里添加翻译和它的结构
我最初的问题只是将角度平移
作为依赖项,我尝试了以下方法:
var app = angular.module('app', ['ngRoute', 'home', 'about', 'contact', 'session', 'auth-token-interceptor', 'test.translate' ]);
但这本身就导致应用程序无法实际加载,所以我一定是做错了什么。以下是我在Chrome控制台中遇到的错误:
Failed to instantiate module app due to:
Error: [$injector:modulerr] http://errors.angularjs.org/1.3.15/$injector/modulerr?p0=...)
at Error (native)
at http://localhost:8888/test/frontend/js/angular.min.js?t=1430103821:6:417
at http://localhost:8888/test/frontend/js/angular.min.js?t=1430103821:35:320
at r (http://localhost:8888/test/frontend/js/angular.min.js?t=1430103821:7:302)
at g (http://localhost:8888/test/frontend/js/angular.min.js?t=1430103821:34:399)
at http://localhost:8888/test/frontend/js/angular.min.js?t=1430103821:35:63
at r (http://localhost:8888/test/frontend/js/angular.min.js?t=1430103821:7:302)
at g (http://localhost:8888/test/frontend/js/angular.min.js?t=1430103821:34:399)
at ab (http://localhost:8888/test/frontend/js/angular.min.js?t=1430103821:38:135)
at d (http://localhost:8888/test/frontend/js/angular.min.js?t=1430103821:17:381
我的下一个问题是在哪里以及如何添加$translateProvider$
。我曾尝试将它与$routeProvider
一起添加,并尝试将其作为阵列中的第二项添加,但两者都不起作用(可能是因为第一个问题导致应用程序崩溃,我不确定)
以下是我试图从教程中使用的$translateProvider
设置:
app.config(function($translateProvider) {
$translateProvider.translations('en', {
HEADLINE: 'Hello there, This is my awesome app!',
INTRO_TEXT: 'And it has i18n support!'
});
});
您应该像对待
ngRoute
模块那样,将其添加到应用程序依赖项数组中,angular translate
依赖项模块名称为pascalprecht.translate
var app = angular.module('app', ['ngRoute',
'home',
'about',
'contact',
'session',
'auth-token-interceptor',
'pascalprecht.translate' //<--here the angular-translate dependancy inject
]
);
var-app=angular.module('app',['ngRoute',
“家”,
“关于”,
"联络",,
“会议”,
“身份验证令牌侦听器”,
“pascalprecht.translate”/@Germainelo很高兴向您问好,请接受回答并投票请投票,但我的问题实际上有两个部分,所以我不能将其标记为answer@germainelol现在,您可以访问$translationProvider
,在添加翻译依赖项后,该问题也将得到解决