angular-translate国际化

最新推荐文章于 2024-06-21 17:36:45 发布

转载最新推荐文章于 2024-06-21 17:36:45 发布 · 199 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/anyun/p/8359420.html

文章标签：

#javascript #ViewUI

本文介绍了一个使用Angular框架实现页面文本国际化的示例。通过引入angular-translate模块并配置语言包，可以轻松实现不同语言间的切换。具体展示了如何在Angular应用中使用翻译管道来动态更新界面文本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、<h1>{{"hello" | translate}}</h1>
2、<h1 ng-bind-html="'hello' | translate"></h1>
3、<span translate="hello"></span>

 1  <script src="~/Scripts/angular.min.js"></script>
 2  <script src="~/Scripts/angular-translate.min.js"></script>
 3  <script type="text/javascript">
 4   var app = angular.module("app", ['pascalprecht.translate']);
 5   app.config(['$translateProvider', function ($translateProvider) {
 6    $translateProvider.translations('zh-cn', {
 7     'hello': '你好',
 8    });
 9 
10    $translateProvider.preferredLanguage('zh-cn');
11   }]);
12  </script>
13 </head>
14 <body>
15  <h1>{{"hello" | translate}}</h1>
16 </body>