AngularJS 下拉表翻译

最新推荐文章于 2019-09-03 15:27:49 发布

Honey_Potter

最新推荐文章于 2019-09-03 15:27:49 发布

阅读量660

点赞数

本文链接：https://blog.csdn.net/Honey_Potter/article/details/53312267

版权

<html ng-app="app">
<head>
    <meta name="viewport" content="width=device-width" />
    <meta charset="utf-8">
    <title>Index</title>


   
</head>
<body>

    <script src="bower_components/angular/angular.min.js"></script>
    <script src="bower_components/angular-translate/angular-translate.min.js"></script>
    <script src="bower_components/angular-translate-loader-static-files/angular-translate-loader-static-files.min.js"></script>
    <script src="bower_components/ionic-v1.3.2/js/angular/angular-sanitize.min.js"></script>
    <script type="text/javascript">
        var app = angular.module("app", ['pascalprecht.translate']);
        app.config(['$translateProvider', function ($translateProvider) {
            var lang = window.localStorage.lang || 'cn';
            $translateProvider.useStaticFilesLoader({
                prefix: 'il8n/',
                suffix: '.json'
            });
            $translateProvider.preferredLanguage(lang);
        }]);



        angular.module('app').controller('LanguageSwitchingCtrl', ['$scope', '$translate', function (scope, $translate) {
            scope.switching = function (lang) {
                $translate.use(lang);
                window.localStorage.lang = lang;
               window.location.reload();
            };
            scope.cur_lang = $translate.use();
        }]);

        angular.module("app").filter("T", ['$translate', function ($translate) {
            return function (key) {
                if (key) {
                    return $translate.instant(key);
                }
            };
        }]);

        angular.module('app').controller('LgoinCtrl', ['$scope', 'T',
    function ($scope, T) {

        $scope.login_title = T.T(100001);

    }
            ]);
        window.onload = function () {
            var obj = document.getElementById('select1');
            obj.options.length = 0;
            var obj = document.getElementById('select1');
            //添加一个选项 
            obj.options.add(new Option("English", "en")); //这个兼容IE与firefox 
            obj.options.add(new Option("繁體中文", "cn"));
            obj.options.add(new Option("日本语", "riyu"));
            obj.options.add(new Option("한국어", "hanyu"));
        }
    </script>
    <!--<select class="language-switching" ng-controller="LanguageSwitchingCtrl" ng-model="cur_lang" ng-change="switching(cur_lang)">
        <option value="en">English</option>
        <option value="cn">简体中文</option>
    </select>


    <h1>{{"100001" | translate}}</h1>
    <h1>{{"100002" | translate}}</h1>-->

    <select class="weui-select" name="select1" ng-controller="LanguageSwitchingCtrl" ng-model="cur_lang" ng-change="switching(cur_lang)" id="select1">
        <option value="en">English</option>
        <option value="cn">繁體中文</option>
        <option value="riyu">日本语</option>
        <option value="hanyu">한국어</option>

    </select>

    <p class="weui-grid__label"><font face="Microsoft YaHei" size="3">{{"100001" | translate}}</font></p>
    <div>
        <p id="Button1">{{"100001" | translate}}</p>
    </div>


</body>
</html>

Honey_Potter

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫