我正在创建一个我需要用多语言翻译文本的地方,因为我正在使用'angular-translate'库,同时遵循教程。我已经完成了教程中提到的所有必要的设置,但是我收到了'unknown translateFilterProvider'错误。我已尝试过StackOverFlow上的其他链接,但这些链接对我不起作用 Angular-translate Unknown provider Error: Unknown provider: translateFilterProvider <- translateFilter angularjs
我是棱角分明的新手,我不知道自己错过了什么。以下是我正在使用的代码 这是我的index.html文件,其中包含js文件序列,包括。
<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="lib/angulalr-translate/angular-translate.js"></script>
<script src="cordova.js"></script>
<script src="js/app.js"></script>
<script src="controllers/loginController.js"></script>
<script src="service/NetworkManager.js"></script>
<script src="js/Constants.js"></script>
这是具有配置方法
的app.js文件代码angular.module('starter', ['ionic', 'pascalprecht.translate'])
.config(function($stateProvider, $urlRouterProvider, $translateProvider) {
$translateProvider.translations('en', {
hello_message: "Howdy",
goodbye_message: "Goodbye"
});
$translateProvider.translations('es', {
hello_message: "Hola",
goodbye_message: "Adios"
});
$translateProvider.preferredLanguage("en");
$translateProvider.fallbackLanguage("en");
});
这是我的控制器,我将'$ translate'作为依赖注入
angular.module('starter', [])
.controller('loginController', function($translate, $scope, constants, WebserviceCall) {
})
这是index.html上的代码,我使用translate作为绑定表达式
<div ng-controller="loginController">
<h1>{{"hello_message" | translate}}</h1>
<h2>{{"goodbye_message" | translate}}</h2>
</div>
任何帮助??
答案 0 :(得分:1)
无需再次在控制器中依赖,更改为
angular.module('starter')
.controller('loginController', function($translate, $scope, constants,webserviceCall) {
}