ng translation AngularJS中的动态翻译实现指南
ngTranslation 是一个用于 AngularJS 的快速、简单、动态翻译库。
v0.0.3版本介绍:
配置
-
您可以通过以下三种方式安装 ng-translation:
-
克隆并构建此存储库
-
使用 Bower:在终端运行 $ bower install ng-translation
-
使用 npm:在终端运行 $ npm install ng-translation
-
在您的 index.html
中包含 ng-translation.js(或 ng-translation.min.js),并确保其在 Angular 本身之后被加载。
-
将 'ng-translation' 添加到主模块的依赖项列表中。
您可以通过以下三种方式安装 ng-translation:
克隆并构建此存储库
使用 Bower:在终端运行 $ bower install ng-translation
使用 npm:在终端运行 $ npm install ng-translation
在您的 index.html
中包含 ng-translation.js(或 ng-translation.min.js),并确保其在 Angular 本身之后被加载。
将 'ng-translation' 添加到主模块的依赖项列表中。
完成这些操作后,您的设置应该如下所示:
<html>
<head>
<script src="angular.js">script>
<script src="ng-translation.min.js">script>
head>
<body ng-app="myApp">
body>
html>
>
翻译过滤器
使用 ngTranslationFilter 轻松实现翻译功能。您可以在模板中应用该过滤器来动态显示不同语言的文本。
<p>{{ 'HELLO' | ngTranslation }}p>
根据用户的语言偏好,输出将自动调整为相应的翻译文本。
翻译指令
您还可以使用 ng-translation 的翻译指令来直接在HTML元素中动态更新翻译内容。
<p ng-translate="WELCOME">p>
下载地址
用户评论