文档章节

angular 多语言

pangsen
 pangsen
发布于 2014/11/20 18:16
字数 113
阅读 59
收藏 0
<!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>

© 著作权归作者所有

上一篇: route change
下一篇: start ssh-agent
pangsen
粉丝 4
博文 45
码字总数 7225
作品 0
西安
程序员
私信 提问
Angular 团队发布 2018 年路线图,更具扩展性

2017 年对 Angular 团队来说是一个伟大的一年。该公司最近透露,Angular 社区在 2017 年底的开发人员达到了100万名,比AngularJS增长了5倍。为了保持这种势头,该团队发布了2018年路线图,重...

周其
2018/02/25
2.3K
4
在 Angular 8 中,我们可以期待些什么

转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 本文由葡萄城翻译并发布 --- Angular 作为一款优秀的前端框架,自诞生之日起,就致力于面向前...

葡萄城技术团队
04/15
0
0
angular.js 1.3.17/1.4.2 发布

其中:1.3.17 更新内容如下: Bug Fixes +- **$browser:** prevent infinite digest if changing hash when there is no hashPrefix + ([61a3fb67](https://github.com/angular/angular.js/......

oschina
2015/07/07
2.6K
9
OSChina 技术专题之 AngularJS 更新版(201412)

Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作。 AngularJS很小,只有60K,兼容主流浏...

OSC编辑部
2014/10/17
11.1K
26
推荐 15 个 Angular.js 应用扩展指令

几天前我们看到Angular 1.4.0发布了-一个以社团为驱动的发布版本涵盖了400多个GitHub的提交,增加了对特性的提升,比如动画,以及可用性。官方新闻发布稿覆盖了绝大部分,这同样值得放于官方...

oschina
2015/06/04
9.6K
16

没有更多内容

加载失败,请刷新页面

加载更多

texlive安装

Installing to: D:/bin/texlive/texlive/2019Installing [001/307, time/total: ??:??/??:??]: adobemapping [2130k]Installing [002/307, time/total: 00:03/08:57]: ae [84k]Installing......

MtrS
今天
2
0
运维规范

命名规范 发布流程 监控告警 故障定位 状态 日志 监控

以谁为师
今天
2
0
约瑟夫环(报数游戏)java实现

开端 公司组织考试,一拿到考题,就是算法里说的约瑟夫环,仔细想想 以前老师将的都忘了,还是自己琢磨把~ package basic.gzy;import java.util.Iterator;import java.util.LinkedList;...

无极之岚
今天
3
0
Kernel字符设备驱动框架

Linux设备分为三大类:字符设备,块设备和网络设备,这三种设备基于不同的设备框架。相较于块设备和网络设备,字符设备在kernel中是最简单的,也是唯一没有基于设备基础框架(device结构)的...

yepanl
今天
3
0
Jenkins 中文本地化的重大进展

本文首发于:Jenkins 中文社区 我从2017年开始,参与 Jenkins 社区贡献。作为一名新成员,翻译可能是帮助社区项目最简单的方法。 本地化的优化通常是较小的改动,你无需了解项目完整的上下文...

Jenkins中文社区
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部