javascript - Angular 翻译未知 $translateProviderProvider-6ren

javascript - Angular 翻译未知 $translateProviderProvider

转载作者：行者123 更新时间：2023-11-27 23:56:17

25

4

这是我的场景:我有一个 Ionic 项目，我会使用 Angular-Translate 进行国际化。所以我包含了 angular-translate.min.js:

<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="js/angular-translate.min.js"></script>
<script src="js/app.js"></script>
<script src="cordova.js"></script>

这是正文的一部分:

<body ng-app="todo" ng-controller="TodoCtrl">
    <ion-side-menus>
        <!-- Center content -->
        <ion-side-menu-content>
            <a href="#chooseBtn" class="button button-icon">
                <i class="icon ion-ios-help-outline "></i>
            </a>
            <h1 class="title" ng-click="test(activeProject.tasks.length)" translate="TITLE">Tap to choose!</h1>
...

这是我的 app.js 文件的一部分:

var app = angular.module('todo', ['ionic', 'pascalprecht.translate']).config(['$translateProvider', function ($translateProvider) {
    $translateProvider.translations('en', {
        TITLE: "Tap here to choose!"
    });
    $translateProvider.translations('it', {
        TITLE: "Tocca qui per scegliere!"
    });
}]);


app.factory('Projects', function () {
    return {
        ...
    }
});

app.controller('TodoCtrl', function ($scope, $timeout, $ionicModal, Projects, $ionicSideMenuDelegate, $location, $anchorScroll, $ionicScrollDelegate, $ionicPopup, $translateProvider) {
    $scope.ChangeLanguage = function (lang) {
        $translateProvider.use(lang);
    };

    $timeout(function () {
        $scope.ChangeLanguage("it");
    });
});

当我运行该项目时，浏览器抛出此异常:

Error: [$injector:unpr] Unknown provider: $translateProviderProvider <- $translateProvider <- TodoCtrl
http://errors.angularjs.org/1.4.3/$injector/unpr?p0=%24translateProviderProvider%20%3C-%20%24translateProvider%20%3C-%20TodoCtrl
    at REGEX_STRING_REGEXP (ionic.bundle.js:8895)
    at ionic.bundle.js:13089

如何解决？

最佳答案

我在我的项目中使用了 Angular 翻译。

从 https://github.com/angular-translate/angular-translate 下载 Angular 翻译
首先包括<script src="scripts/angular-translate.min.js"></script>在你的index.html中。
在项目中创建包含所有需要翻译的变量的语言 JSON 文件。注意:每种语言都有其特定的文件。例如:
en.json {"email":"Email"}, ja.json {"email":"电子メール"}
在您的 app.js 中注入(inject) pascalprecht.translate在你的模块中。
在 app.js 中添加: `$translateProvider.useStaticFilesLoader({ prefix: 'app/languages/',//我所有的 JSON 语言文件都存储在其中后缀:'.json'});
在您的 app.js 中添加您的翻译提供商 $translateProvider.preferredLanguage("en"); $translateProvider.fallbackLanguage("en");

在 $ionicPlatform.ready添加此代码以在设备准备就绪时检测语言:

if (typeof navigator.globalization !== "undefined") {
    navigator.globalization.getPreferredLanguage(function (language) {
        var language_list = { "French": "es", "English": "en", "Spanish": "es", "Chinese": "zh", "Japanese": "ja" };
        var language_value = (language.value).split(/[\s,-]+/)[0];

        if (language_list.hasOwnProperty(language_value)) {
            var language_locale = language_list[language_value];
            $translate.use(language_locale).then(function (data) {
                console.log("SUCCESS -> " + data);
            }, function (error) {
                console.log("ERROR -> " + error);
            });
        }
    }, null);
}

在您看来添加:

<div class="list">
  <div class="item item-divider">
    {{"language_settings" | translate}}
  </div>
  <label class="item item-radio">
    <input type="radio" name="group" ng-model="language" value="en" ng-change="setLanguage(language)">
    <div class="item-content">
      English
    </div>
    <i class="radio-icon ion-checkmark"></i>
  </label>
  <label class="item item-radio">
    <input type="radio" name="group" ng-model="language" value="ja" ng-change="setLanguage(language)">
    <div class="item-content">
      日本語
    </div>
    <i class="radio-icon ion-checkmark"></i>
  </label>
</div>

在您的语言 Controller 中添加以下内容:

app.controller('SettingsController', ['$scope', '$translate', function ($scope, $translate) {
    $scope.getLanguage = function () {
        return $translate.use();
    }
    $scope.language = $scope.getLanguage();
    $scope.setLanguage = function (language_value) {
        $translate.use(language_value).then(function (data) {
            console.log("SUCCESS -> " + data);
        }, function (error) {
            console.log("ERROR -> " + error);
        });


    }
}]);

仅此而已。如果您有任何疑问，请随时问我。

干杯。

关于javascript - Angular 翻译未知 $translateProviderProvider，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32245416/

25

4

0

文章推荐： javascript - 为什么 element.style 在 JS 中总是返回空？

文章推荐： c++ - EXPECT_THROW - 实际 : it throws a different type, 谷歌测试

文章推荐： css - 影响同一行中相邻元素的 div 高度

postgresql - 函数交叉表(未知，未知)不存在但确实存在
我有一个交叉表函数，我过去曾多次成功使用它，但现在它在最后转储所有数据，而不是将其旋转到输出表中。它似乎无法找到交叉表。我通过以下方式对其进行了研究；如果 tablefunc 不存在则创建扩展； -
SQL 查询计数所有(未知，已知)，未知，已知客户，通过电话 Mac 地址唯一标识
表1(客户表) Id, CustomerId, IsKnownCustomer,phonemacaddress 1, 空 0 00:9a:34:cf:a4 2, 004024 1 00:6f:64:c
azure - 无法拉取镜像 myapidemodocker.azurecr.io/apidemo :v4. 0:rpc 错误:代码 = 未知 desc = 未知 blob
知道为什么我总是收到这个烦人且无用的错误代码/描述吗？ Failed to pull image myapidemodocker.azurecr.io/apidemo:v4.0: rpc error:
PHP登录问题；未知
我正在进行 PHP 登录，并且之前可以正常工作，但我尝试使用户名功能不区分大小写，但此后代码一直无法正常工作。我删除了我添加的所有内容，以尝试使其不区分大小写，即 strtolower()。页面上显示
php - 第0行的PHP缓冲错误<未知>
有人会帮助我提供有关此错误的任何可能信息吗？原因？登录？在哪里寻找/开始？ Cannot use output buffering in output buffering display handl
javascript - $routeProvider 未知
我已经添加了这样的脚本我在我的 test.js 中做了这个 var app = angular.module('MyApp', ['ngRoute']).config
java - SSO，未知
关闭。这个问题需要更多focused .它目前不接受答案。想改进这个问题吗？更新问题，使其只关注一个问题 editing this post . 关闭 8 年前。 Improve this qu
mysql 语句 WHERE 未知
我有这个sql语句: selectAllUsersByCriteria = 连接.prepareStatement( “从用户那里选择*？=？” )；下面的方法运行该语句: public Array
android:textCursorDrawable 未知
我有一个白色的 EditText，在 Android 3.1 及更高版本中，光标不显示(因为它也是白色的)。有关信息，我使用 android:background="@android:drawable
python - 未知？塑造keras深度学习
我正在尝试使用 Keras 实现深度学习模型。但是我有一个未知形状实现的问题。我一直在寻找类似的错误，但没有找到。这是我的代码。 Xhome = dataset[:,32:62] Xaway = d
c# - XMLReader 未知
关注此introduction可以通过导入命名空间 System.Xml 来使用 XMLReader 类。在我的 Visual Studio 项目中，我使用 .NET 4.0，但 System.Xml
c++ - 通过指向错误函数类型的指针调用函数(未知)
我有一个动态链接库的程序。该程序将函数指针传递给该库以执行。但是 ubsan(Undefined Behavior Sanitizer)指定指针位于错误的函数类型上。那只会发生如果回调函数有一个类
ios - AVAudioSession 未知
我正在尝试在我的 Swift SpriteKit 应用程序中使用 AVAudioSession。我遇到了奇怪的“未声明类型”问题。例如…… import AVFoundation var audioS
c++ - 专门化变量的值在编译时是否已知/未知
如果在编译期间(在实际编译和运行程序之前)其参数之一的值已知/未知，如何专门化模板函数？我还不知道怎么做。想法 1: #include #include int main(void){
c# - 未知 while while 语句
我看到一些人的代码是这样的: while (!(baseType == typeof(Object))) { .... baseType = baseType.BaseType;
具有不同(未知)字符串匹配的正则表达式
我正在尝试使用 GoColly 框架获取所有 HREF 链接，但是只允许任何域的 url 为根 URL 或子域(否路径)。我已经注释掉了我的 REGEXP。文件扩展名没有事情。我只是在“/”之后不想要
java - 抽象模式类型 'User_Book' 未知
我有一个包含多个实体的数据库，特别是 Book 和 User。它们之间存在这样的 ManyToMany 关系: 书: @Entity @Table(name = "Books") public cla
vba - 如何将一系列行排序到一定数量的(未知)列？
如果我将范围的初始部分设置为 Range("A:A")，如何确保将整行传递给排序？数据 id、fname、mname、lname、后缀、状态、位置、时区通过在 id 中搜索起点和终点来选择范围。
Kubernetes AutoScaler未缩放，HPA显示目标<未知>
我对kubernetes很陌生，而对于docker来说就不那么多了。我一直在研究示例，但是我对自动缩放器(似乎无法缩放)感到困惑。我在这里通过示例https://kubernetes.io/doc
Silverlight 工具包命名空间为 "sometimes"未知
我在 ChildWindow 中使用 SL Toolkit 5 中的 BusyIndicator 控件。在某些解决方案中，它可以工作，但在其他解决方案中，使用完全相同的代码(至少看起来)，我在运

首页

博学

6Ren·AI

商城

javascript - Angular 翻译未知 $translateProviderProvider