如何将消息从模板分成AngularJS中的单独文件?

时间:2014-03-11 14:43:41

标签: angularjs

我需要将消息标签(例如“Hello there!”)分隔到单独的文件中,以便于管理。

我发现我可以使用angular-translate来解决它,但我无法弄清楚如何让它工作。

<script src="path/to/angular.js"></script>
<script src="path/to/angular-translate.js"></script>

angular.module('angularTranslateApp', ['pascalprecht.translate'])
.config(['$translateProvider', function($translateProvider) {
// Our translations will go in here
}]);

app.config(function ['$translateProvider', ($translateProvider) {
$translateProvider.translations('en', {
HEADLINE: 'Hello there!',
INTRO_TEXT: 'And it has i18n support!'
});
$translateProvider.preferredLanguage('en');
}]);

在模板中:

<h2>{{ 'HEADLINE' | translate }}</h2>
<p>{{ 'INTRO_TEXT' | translate }}</p>

你能说明我如何将这个mesagges-labels移动到单独的json文件中吗?

如何将json文件包含在代码中?