如何在带变量的html模板中使用anguluar i18n？
在带变量的HTML模板中使用Angular i18n，可以通过以下步骤实现：
- 配置Angular i18n：在Angular项目中，首先需要配置i18n。可以通过在
angular.json文件中的i18n属性中指定语言文件的路径，或者使用命令行参数来指定语言文件的位置。 - 创建语言文件：在项目的根目录下创建一个
src/locale文件夹，并在该文件夹中为每种语言创建一个对应的语言文件。例如，对于英语，可以创建一个名为messages.en.xlf的文件。 - 定义翻译内容：打开语言文件，使用XML格式定义需要翻译的内容。在HTML模板中，可以使用
<trans-unit>元素来包裹需要翻译的文本，并使用<source>元素指定原始文本，使用<target>元素指定翻译后的文本。 - 在HTML模板中使用变量：在带变量的HTML模板中，可以使用Angular的插值语法来插入变量。例如，可以使用
{{ variableName }}的形式将变量插入到HTML模板中。 - 使用翻译服务：在组件中，可以使用Angular的翻译服务来获取翻译后的文本。可以通过在构造函数中注入
TranslateService，然后使用translate方法来获取翻译后的文本。例如，可以使用this.translate.instant('translationKey')来获取翻译后的文本。
总结起来，使用Angular i18n在带变量的HTML模板中进行国际化的步骤如下：
- 配置Angular i18n。
- 创建语言文件。
- 定义翻译内容。
- 在HTML模板中使用变量。
- 使用翻译服务获取翻译后的文本。
对于腾讯云相关产品和产品介绍链接地址，可以参考腾讯云的官方文档和网站，具体推荐的产品和链接地址会根据实际情况而定。
相关·内容
是否可以在角度模板i18n字符串中使用变量？在TypeScript中，我可以使用模板字符串，例如： public welcomeMessage = $localize`:@@test.welcome: Hello ${this.name}:user_name`; 我可以在html模板中使用类似的东西吗？例如 <p i18n="@@test.welcome">Hello
浏览 19提问于2021-10-13得票数 2
回答已采纳
任何用于django的.html模板-注册模块都可以很好地处理{% blocktrans %}和{% trans %}模板块。当然，{% load i18n %}已经就位了。但是我不能使用activation_email.txt和activation_email_subject.txt模板中的i18n标记。标记为转换的字符串只是不出现在.po文件中makemessages之后。此外
浏览 1提问于2012-03-28得票数 1
回答已采纳
我在我的.text.haml邮件模板中使用了i18n，并且我想在en.yml中有一个带换行符的字符串，但是t()总是转义它们，即使我使用html_safe或者在键名后面加上_html。p3_html: > \n- You look like one \n- Youraccount has b
浏览 18提问于2012-06-28得票数 7
1回答
我有一个页眉模板，它的标题变量如下所示： <h1>{{title}}但是我使用i18n来设置我的标题，比如{{i18n 'title'}}。如何在模板调用中使用这个？当我使用它时
浏览 1提问于2015-09-01得票数 1
回答已采纳
1回答
我正在使用Rails 3.1.0，我想将重点放在为国际化目的使用的安全性上。现在我有：key_1_html: "%{var_1} is just a test"
I18n.t('key_1_html', :var_1 => 'Test variable')
Test variable是/代表用户的输入，因
浏览 1提问于2012-01-12得票数 3
回答已采纳
1回答
我有一个表单可以更改语言(到目前为止，有3种语言)，除了页面重新加载时，内容会更改为新的语言，但是从下拉列表中选择的选项会丢失(相反，会显示默认语言)。如何在重新加载页面后保留所选语言？任何帮助都是非常感谢的。
浏览 0提问于2019-04-07得票数 3
回答已采纳
1回答
我正在将html模板转换为WordPress主题。在WordPress主题开发过程中，我被困在动态徽标旋转木马上。有人能告诉我如何在不使用插件的情况下动态创建徽标旋转木马吗？也许可以使用任何方法，如特写文章，图像传送带等。
📷
浏览 0提问于2018-09-27得票数 0
回答已采纳
1回答
我非常喜欢i18n过程，它附带有角2+，特别是以下两个特性：
用翻译替换模板文本的能力， (在运行时节省资源)。现在我正在做一个非角度的项目，并且希望实现一个类似于上面描述的i18n过程。该项目是基于AngularJS和使用自定义Webpack捆绑。HTML文件当前用Webpa
浏览 0提问于2019-04-16得票数 2
1回答
我在Django网页中包含了一个文件，使用以下内容：其中包含的HTML文件包含trans标记，这些标记没有被翻译。实际上，Django返回一个TemplateSyntaxError：我知道include标记不处理包含的文件。我还看到了其他关于在包含的文件中覆盖块的问题，这些问题<em
浏览 2提问于2015-12-03得票数 0
回答已采纳
1回答
我最近开始使用play框架，现在正在做一个简单的web项目。到目前为止，我只找到了三种方法：
声明模板中的变量并使用它们。添加变量conf/application.conf .我不喜欢第一和第二，我更愿意使用
浏览 3提问于2017-02-09得票数 1
回答已采纳
不确定如何将额外的上下文数据传递到各种allauth表单中，其中包括我自己的模板。对于我自己的视图，我使用了get_context_data()，它工作得很好。我正在包括一个小模板到一个主模板，如页眉，页脚，侧边栏等，一切都在工作，除了当allauth踢进，如登录，注销，电子邮件确认窗口等我的上下文变量没有被传递，所以我的左边栏中的</e
浏览 12提问于2019-08-26得票数 1
我有两个模板文件:一个用于表单(loginFormTemplate)，一个用于对话框(dialogTemplate)。当我把它们放在表中时，我只得到表单上的i18n (如${i18n.username}等)，而不是我的对话框html，它是${未定义}。我已经在我的nls文件中清楚地定义了它。为什么？这是我构造对话框时的代码。: i18n ));
我可
浏览 1提问于2012-06-14得票数 0
回答已采纳
其中包含以下HTML代码： <menu> ... other html我需要用变量中的<menu>内容替换HTML。我知道如何使用带内容的字符串变量(变量‘innerHTML’)来更改模板；
menu.innerHTML = template;
浏览 2提问于2016-03-07得票数 0
如何在Swig模板引擎中使用连接变量和文件？如：{% include "_partial/{{some var}}.html" %}
在twig中，我可以使用{% include '_partials/' ~ some_variable ~ '.html' %}，但在Swig中，它似乎不起作用。
浏览 1提问于2016-10-22得票数 1
1回答
我看到angular2为其组件实现了i18n，通过使用i18n (以及它的所有相关属性，如i18ntitle、复数等)您可以将html模板国际化。
但我想知道如何国际化由类型记录代码提供的字符串。例如，我有一个弹出窗口，根据后端抛出的错误，在其中打印一条不同的消息。该消息是由一个变量绑定到我的模板上提供的，我没有找到一种使用an
浏览 0提问于2016-12-16得票数 4
2回答
我正在尝试将从API获得的数量格式化为特定于区域设置的格式。在控制台中：在Angular 2零部件模板中：
{{ 450000 | currency:'INR':true }} /
浏览 0提问于2016-11-09得票数 2
我正在寻找一种快速的方式来显示一个特定的模板文件的基础上的当前语言的页面。假设我有两种语言:英语和法语(默认使用英语)
我在我的主题目录中有各种模板文件，比如: page.tpl.php page-node-11.tpl.php。我想找出一种方法来包含这些基于当前语言的文件；例如，如果当前语言是'english'，它将包含'page.tpl.php'，如果当前语言是‘法语’，它将包含'
浏览 0提问于2011-02-15得票数 1
回答已采纳
1回答
/i18n.html', code: '@' controller: i18n, vm.text = langStrings.get(vm.code); }i18n模板由一行组成：
{{vm.text}}这对于显示字符串非常有用，但是当我想在另一个组件或模板中<e
浏览 2提问于2018-10-28得票数 0
回答已采纳
1回答
我是使用在一个陨石应用程序-离子封装与抽头:i18n包本地化。Tap:i18n在html模板中使用时效果很好，但我不知道如何在这样的模板中使用它： {{> ionTab title="Welcome" path
浏览 1提问于2015-05-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
