javascript - 为什么 Cordova 显示未知提供商 : translateFilterProvider <- translateFilter in Angular JS

Question

我正在创建一个需要翻译多语言文本的地方，为此我在遵循教程时使用“Angular 翻译”库。我已经完成了教程中提到的所有必要的设置，但我收到“未知的translateFilterProvider”错误。我已经尝试过 StackOverFlow 上的其他链接，但这些链接对我来说不起作用，如上面提到的 URL Angular-translate Unknown provider Error: Unknown provider: translateFilterProvider <- translateFilter angularjs

我是 Angular 新手，我不知道我错过了什么。下面是我正在使用的代码这是我的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>

这是具有 config 方法的 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");
});

这是我的 Controller ，我将“$translate”作为依赖项注入(inject)其中

angular.module('starter', [])
.controller('loginController', function($translate, $scope, constants,            WebserviceCall) {

})

这是index.html 上的代码，我在其中使用翻译作为绑定(bind)表达式

<div ng-controller="loginController">  
<h1>{{"hello_message" | translate}}</h1>
<h2>{{"goodbye_message" | translate}}</h2>
</div>

有什么帮助吗？

Answer 1

Controller 中不再需要依赖，更改为

angular.module('starter')
.controller('loginController', function($translate, $scope, constants,webserviceCall) {
}