使用角度和离子

时间:2016-11-09 20:17:45

标签: angularjs ionic-framework internationalization

我做本地化应用。
我正在使用本教程:http://robferguson.org/2015/07/22/internationalisation-i18n-and-localisation-l10n-for-ionic-apps/
在浏览器控制台中由ionic serve触发会出现以下错误:

  

lib.js:26793错误:[$ injector:unpr]未知提供者:   translateFilterProvider< - translateFilter   http://errors.angularjs.org/1.5.3/ $注射器/ unpr?P0 = translateFilterProvider%20%3 C-%20translateFilter       在http://192.168.1.66:8100/js/lib.js:13438:12       在http://192.168.1.66:8100/js/lib.js:17787:19       at Object.getService [as get](http://192.168.1.66:8100/js/lib.js:17940:39)       在http://192.168.1.66:8100/js/lib.js:17792:45       at Object.getService [as get](http://192.168.1.66:8100/js/lib.js:17940:39)       在http://192.168.1.66:8100/js/lib.js:32696:24       at isStateless(http://192.168.1.66:8100/js/lib.js:27441:12)       在findConstantAndWatchExpressions(http://192.168.1.66:8100/js/lib.js:27498:33)       在http://192.168.1.66:8100/js/lib.js:27452:7       在forEach(http://192.168.1.66:8100/js/lib.js:13691:20

我做错了什么? 这是我的项目:https://github.com/igorlimansky/esteem/tree/develop
如果你不能帮忙建议阅读这个主题。

2 个答案:

答案 0 :(得分:0)

我想你只是忘了在模块中注入角度转换模块,也许可以尝试替换它:

    var app = angular.module('steem', [
        'ionic', 
        'ngStorage', 
        'ngCordova',
        'wiz.markdown',
        'rzModule',
        'ion-floating-menu',
        'ja.qr'
        //'ionic.contrib.ui.ionThread'
    ]);

由此:

var app = angular.module('steem', [
    'ionic', 
    'ngStorage', 
    'ngCordova',
    'wiz.markdown',
    'rzModule',
    'ion-floating-menu',
    'ja.qr',
    'pascalprecht.translate'
    //'ionic.contrib.ui.ionThread'
]);

答案 1 :(得分:0)

检查您正确完成的这两点: -  包括所有翻译js并注入模块

// Including js correctly
<script src="bower_components/angular-translate/angular-translate.js"></script>
<script src="bower_components/angular-translate-loader-static-files/angular-translate-loader-static-files.js"></script>

 //Inject modules
 angular.module('vardyger', [
   'ionic',                 
   'pascalprecht.translate'  // inject the angular-translate module
 ])