angular translate入门示例

来源：互联网发布：c语言流程图例题编辑：程序博客网时间：2024/05/16 05:55

最近在做angularJS，记录一下angular translate的基本使用。

页面：

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Index</title></head><body>    <div ng-app="myApp" ng-controller="myController">        <label ng-bind="test"></label>        <p>            <a translate="100001"></a>            <a translate="100002"></a>        </p>    </div></body><script src="../js/lib/angularJS/1.4.6/angular.min.js"></script><script src="../js/lib/angularJS/angular-translate.min.js"></script><script src="../js/lib/angularJS/angular-translate-loader-static-files.min.js"></script><script src="../js/index.js"></script></html>

js：

var app = angular.module('myApp', ['pascalprecht.translate']).config(['$translateProvider',function($translateProvider){    var lang = window.localStorage.lang || 'cn';    console.info(lang);    $translateProvider.preferredLanguage(lang);    $translateProvider.useStaticFilesLoader({        prefix: '../i18n/',        suffix: '.json'    });}]);app.controller('myController', ['$scope', '$translate', function (scope, $translate) {    scope.switching = function(lang){        $translate.use(lang);        window.localStorage.lang = lang;        window.location.reload();    };    scope.test = '11111111111';    $translate('100001').then(function (key) {        console.info('trans --------' + key);        scope.test = key;    });    //$translate(['HEADLINE', 'PARAGRAPH', 'NAMESPACE.PARAGRAPH']).then(function (translations) {    //    $scope.headline = translations.HEADLINE;    //    $scope.paragraph = translations.PARAGRAPH;    //    $scope.namespaced_paragraph = translations['NAMESPACE.PARAGRAPH'];    //});}]);

cn.json：

{"100001":"登录","100002":"注册"}

0 0