angular-translate가 작동하지 않지만 오류가 없습니다.

Question

방금 ​​angular-translate를 설치했으나 이후의 웹 페이지는 작동하지 않습니다.

app.js 

angular 
.module('frontEndApp', [ 
    'ngAnimate', 
    'ngAria', 
    'ngCookies', 
    'ngMessages', 
    'ngResource', 
    'ngRoute', 
    'ngSanitize', 
    'ngTouch', 
    'ngStorage', 
    'ngResource', 
    'angular-translate' 
]) 
.config(function ($routeProvider) { 
    $routeProvider 
     .when('/', { 
      templateUrl: 'views/main.html', 
      controller: 'MainCtrl', 
      controllerAs: 'main' 
     }) 

에 Index.html :

여기에 내 코드를 찾을 수 있습니다.

<script src="bower_components/angular-translate/angular-translate.js"></script> 
<!-- endbower --> 
<!-- endbuild --> 

<!-- build:js({.tmp,app}) scripts/scripts.js --> 
<script src="scripts/app.js"></script> 
<script src="scripts/controllers/main.js"></script> 
<script src="scripts/controllers/about.js"></script> 
<script src="scripts/controllers/prueba/pruebaController.js"></script> 
<script src="scripts/controllers/loginController.js"></script> 
<script src="scripts/controllers/department/departmentController.js"></script> 
<script src="config/appConstants.js"></script> 
<script src="config/languajes.js"></script> 

languajes.js

'user strict'; 

var app = angular.module('frontEndApp', ['pascalprecht.translate']); 

app.config(['$translateProvider', function ($translateProvider) { 

    $translateProvider.translations('en', { 
     code: 'Code', 
     department: 'Deparment', 
     description: 'Description', 
     boss: 'Boss', 
     project: 'Project' 
    }); 

    $translateProvider.translations('es', { 
     code: 'Código', 
     department: 'Deparmento', 
     description: 'Descripción', 
     boss: 'Jefe', 
     project: 'Proyecto' 
    }); 

    $translateProvider.preferredLanguage('en'); 
    // $translateProvider.useSanitizeValueStrategy('escapeParamenters'); 
}]); 

    app.config(['$locationProvider', function ($locationProvider) { 
     $locationProvider.html5Mode(true); 
    }]); 

    app.controller('Ctrl', function ($scope, $translate) { 
     $scope.changeLanguage = function (key) { 
     $translate.use(key); 
     }; 
    }); 

bower.json

{ 
"name": "front-end", 
"version": "0.0.0", 
"dependencies": { 
"angular": "^1.6.6", 
"bootstrap-sass-official": "^3.2.0", 
"angular-animate": "^1.6.6", 
"angular-aria": "^1.6.6", 
"angular-cookies": "^1.6.6", 
"angular-messages": "^1.6.6", 
"angular-resource": "^1.6.6", 
"angular-route": "^1.6.6", 
"angular-sanitize": "^1.6.6", 
"angular-touch": "^1.6.6", 
"bootstrap-sass": "bootstrap-sass-official#^3.3.7", 
"ngstorage": "^0.3.11", 
"angular-translate": "^2.16.0" 
}, 
"devDependencies": { 
"angular-mocks": "^1.6.6", 
"angularLocalStorage": "ngStorage#^0.3.2" 
}, 
"appPath": "app", 
"moduleName": "frontEndApp", 
"overrides": { 
"bootstrap": { 
    "main": [ 
    "less/bootstrap.less", 
    "dist/css/bootstrap.css", 
    "dist/js/bootstrap.js" 
    ] 
    } 
} 
} 

문제는 시스템이 잘 작동하지만 스크립트를 삽입 할 때
모두 사라하고, 웹 페이지 헤더 만 나타나면 비어 있습니다.

몇 가지 해결책을 시도했지만 잘 모르겠습니다.

https://docs.angularjs.org/error/ $ 인젝터/nomod? P0 = pascalprecht.translate

https://angular-translate.github.io/docs/#/guide

여기에서 몇 가지 링크. 너 나 좀 도와 줄 수있어?

Answer 1

에서 languajes.js : - 당신이 에서 만든 모듈이을 app.js 우선

angular.module('frontEndApp', ['pascalprecht.translate'])

이 angular을 말하고는 frontEndApp라는 모듈을 만들 수 있습니다.

(오버라이드 (override) 이 인해 HTML의 스크립트의 순서에 languajes.js 전에 실행 app.js 때문에). ,

이

angular 
.module('frontEndApp', [ 
    'ngAnimate', 
    'ngAria', 
    'ngCookies', 
    'ngMessages', 
    'ngResource', 
    'ngRoute', 
    'ngSanitize', 
    'ngTouch', 
    'ngStorage', 
    'ngResource', 
    'pascalprecht.translate' 
]) 
.config(function ($routeProvider) { 
    $routeProvider 
     .when('/', { 
      templateUrl: 'views/main.html', 
      controller: 'MainCtrl', 
      controllerAs: 'main' 
     }) 

languajes.js

'user strict'; 

var app = angular.module('frontEndApp'); 

app.config(['$translateProvider', function ($translateProvider) { 

    $translateProvider.translations('en', { 
     code: 'Code', 
     department: 'Deparment', 
     description: 'Description', 
     boss: 'Boss', 
     project: 'Project' 
    }); 

    $translateProvider.translations('es', { 
     code: 'Código', 
     department: 'Deparmento', 
     description: 'Descripción', 
     boss: 'Jefe', 
     project: 'Proyecto' 
    }); 

    $translateProvider.preferredLanguage('en'); 
    // $translateProvider.useSanitizeValueStrategy('escapeParamenters'); 
}]); 

app.config(['$locationProvider', function ($locationProvider) { 
    $locationProvider.html5Mode(true); 
}]); 

app.controller('Ctrl', function ($scope, $translate) { 
    $scope.changeLanguage = function (key) { 
    $translate.use(key); 
    }; 
}); 

Answer 2

탱크를 app.js 작동 모든 :

---

당신이해야 할 일은. 이것이 해결책입니다. '엄격한 사용';

/** 
* @ngdoc overview 
* @name frontEndApp 
* @description 
* # frontEndApp 
* 
* Main module of the application. 
*/ 

angular 
.module('frontEndApp', [ 
    'ngAnimate', 
    'ngAria', 
    'ngCookies', 
    'ngMessages', 
    'ngResource', 
    'ngRoute', 
    'ngSanitize', 
    'ngTouch', 
    'ngStorage', 
    'ngResource', 
    'pascalprecht.translate' 
]).config(function ($routeProvider) { 
    $routeProvider 
     .when('/', { 
      templateUrl: 'views/main.html', 
      controller: 'MainCtrl', 
      controllerAs: 'main' 
     }) 
     .when('/about', { 
      templateUrl: 'views/about.html', 
      controller: 'AboutCtrl', 
      controllerAs: 'about' 
     }) 
     .when('/prueba', { 
      templateUrl: 'views/prueba/prueba.html', 
      controller: 'pruebaController', 
      controllerAs: 'prueba' 
     }) 
     .when('/login', { 
      templateUrl: 'views/login/login.html', 
      controller: 'loginController', 
      controllerAs: 'login' 
     }) 
     .when('/department', { 
      templateUrl: 'views/department/department.html', 
      controller: 'departmentController', 
      controllerAs: 'departmentController', 
      data: { 
       title: 'department', 
       section: 'department' 
      } 
     }) 
     .otherwise({ 
      redirectTo: '/' 
     }); 
}).config(['$translateProvider', function ($translateProvider) { 

    $translateProvider.translations('en', { 
     code: 'Code', 
     department: 'Deparment', 
     description: 'Description', 
     boss: 'Boss', 
     project: 'Project' 
    }); 

    $translateProvider.translations('es', { 
     code: 'Código', 
     department: 'Deparmento', 
     description: 'Descripción', 
     boss: 'Jefe', 
     project: 'Proyecto' 
    }); 

    $translateProvider.preferredLanguage('en'); 
    // $translateProvider.useSanitizeValueStrategy('escapeParamenters'); 
}]);