В настоящее время я пытаюсь применить angular-translate к моему проекту. Проблема в том, что я не хочу, чтобы мой app.js был заполнен переводами, я бы предпочел, чтобы он был в отдельных файлах в папке перевода.
Структура моего проекта выглядит примерно так:
wwwroot
-- css
-- images
-- js
--- controllers
--- directives
--- filters
--- services
--- app.js
-- resources
--- locale-nl.json
--- translate.js
-- views
Мой app.js выглядит примерно так:
angular.module('testApp', ['ngRoute', 'ngResource', 'ui.bootstrap', 'ngAnimate', 'angular-loading-bar', 'smart-table', 'pascalprecht.translate']);
Мой файл translate.js выглядит так:
angular.module("testApp").config([
"$translateProvider", function ($translateProvider) {
$translateProvider.useLocalStorage();
$translateProvider.useStaticFilesLoader({
prefix: "resources/locale-",
suffix: ".json"
});
$translateProvider.preferredLanguage("nl");
}
]);
Локаль-nl.json выглядит так:
{
"FOO": "This is a paragraph",
"TITLE": "Helloooo"
}
В моем main.html у меня есть нормальное значение перевода:
{{ 'TITLE' | translate }}
и в моем mainController у меня есть это:
"use strict";
angular.module("testApp")
.controller("MainController", function ($scope, $translate, userRole) {
var vm = this;
vm.role = userRole;
console.log(vm.role);
});
Но, похоже, ничего не переводится и не просматривается в разных файлах.
$translatePartialLoader
, так что это не совсем то же самое, но в файле я могу использоватьfolder/fileBegining-{lang}.json
, и он автоматически заменяет{lang}
. Обратите внимание, что язык может быть в локали (например, синтаксисen_GB
) - person Neozaru   schedule 31.05.2016