- A+
所属分类:JavaScript MVC
WEUI要js_show类
il8n文件夹下写json文件,文件名为option的value的值.json
- {
- "100049": "預約就診",
- "100050": "非紧急情况勿动"
- }
Html
- <!DOCTYPE html>
- <html lang="en" ng-app="app">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
- <title></title>
- <link rel="stylesheet" type="text/css" href="weui/dist/style/weui.min.css">
- <link rel="stylesheet" type="text/css" href="weui/dist/example/example.css">
- </head>
- <body>
- <div class="container" id="container"></div>
- <img src="image/bg.png" width="100%" height="100%" style="z-index:-100;position:absolute;left:0;top:0">
- <select class="weui-select js_show" name="select1" ng-controller="LanguageSwitchingCtrl" ng-model="cur_lang" ng-change="switching(cur_lang)" id="select1">
- <option value="cn" selected="selected">繁體中文</option>
- <option value="riyu">日本语</option>
- <option value="hanyu">한국어</option>
- <option value="en">English</option>
- </select>
- <div class="page__bd js_show">
- <div class="weui-panel weui-panel_access">
- <div class="weui-panel__bd">
- <a href="yuyue.html" class="weui-media-box weui-media-box_appmsg">
- <div class="weui-media-box__hd">
- <img src="image/book_medicine_reportorium_72px_4019_easyicon.net.png" alt="" border="0" class="weui-media-box__thumb">
- </div>
- <div class="weui-media-box__bd">
- <h4 class="weui-media-box__title"><strong><font face="Microsoft YaHei" >{{"100049" | translate}}</font></strong></h4>
- </div>
- </a>
- </div>
- </div>
- <div style="width:128px;height:128px;position:fixed;top:58%;left:80px;right:80px;margin-top:-64px;margin- left:-64px;text-align:center;margin:0 auto;">
- <a href="succes.html">
- <img src="image/SOS.png" alt="" border="0" class="weui-media-box__thumb" style="">
- </a>
- <p><font style="color:red;font-size:X-large">{{"100050" | translate}}!</font></p>
- </div>
- </div>
- <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 lang;
- var app = angular.module("app", ['pascalprecht.translate']);
- app.config(['$translateProvider', function ($translateProvider) {
- lang = window.localStorage.lang || 'en';
- $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);
- }
- };
- }]);
- </script>
- <script src="weui/dist/example/zepto.min.js"></script>
- <script src="weui/dist/example/example.js"></script>
- <script src="js/jweixin-1.0.0.js"></script>
- </body>
- </html>