angular 多语言

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" 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-url/angular-translate-loader-url.min.js"></script>
    <script src="bower_components/angular-translate-loader-static-files/angular-translate-loader-static-files.min.js"></script>
</head>
    <body ng-app="app">
        <div ng-controller="ctrl">
            <button ng-click="setLang('en')">en</button>
            <button ng-click="setLang('sv')">sv</button>
            <div>
                <div translate>room.list.title</div>
            </div>
        </div>
        
    </body>
</html>
<script>
    var app = angular.module("app", ["pascalprecht.translate"]);
    app.config(["$translateProvider", function($translateProvider) {
        $translateProvider.useStaticFilesLoader({
            prefix: '/scripts/lang/',
            suffix: '.json'
        });
        $translateProvider.preferredLanguage('sv');
    }]);
    app.controller('ctrl', ['$scope', '$translate', function ($scope, $translate) {
        $scope.setLang = function (langKey) {
            // You can change the language during runtime
            $translate.use(langKey);
//            console.log($translate.instant('SERVICE_PARAMS', $scope.tlData))
        };
    }]);
</script>

你可能感兴趣的:(angular 多语言)