Hogan.js 的国际化是如何配置的?

2023-12-09

我正在寻找使用hogan.js在浏览器中创建 html 表单模板。我读到 hogan 支持 i18n,但我找不到其工作原理的示例。你如何将翻译后的文本传递给 hogan 以及你在模板中放置什么标签,我已经看到了 {{_i}} 和 {{i18n}}?


看来我很困惑旧叉子 of 小胡子.js来自推特,与Hogan来自 Twitter 的单独的 Mustache 编译器。该叉子确实支持{{_i}}国际化标签。然后,这将调用一个名为的全局函数_您在其中提供自己的方法来查找翻译值。例如。

translatedStrings = {
   name: "Nom";
}

function _(i18nKey) {
   return translatedStrings[i18nKey];
}

var template = "{{_i}}Name{{/i}}: {{username}}",
    context = {username: "Jean Luc"};

Mustache.to_html(template, context);

将返回“Nom:Jean Luc”。而 Hogan 国际化是通过普通的 Mustache lambda 实现的,例如:

translatedStrings = {
   name: "Nom";
}

var template = "{{#i18n}}Name{{/i18n}}: {{username}}",
    context = {
       username: "Jean Luc",
       i18n: function (i18nKey) {return translatedStrings[i18nKey];}
    };

Hogan.compile(template).render(context);

See http://mustache.github.com/mustache.5.html有关提供 lambda 的更多信息。因此,主要区别在于,在使用 Hogan 渲染时,必须始终在上下文中提供查找翻译的函数,而 Mustache fork 将查找全局方法。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Hogan.js 的国际化是如何配置的? 的相关文章

  • 如何使用多个 select2 框过滤表格?

    我正在尝试使用 和多个 select2 框的类来过滤表格 表格 HTML table class table tbody tr class kanban event Austin td td tr tr class csm event Ch
  • 使用 Ajax Jquery post 请求进行 Json 劫持

    昨天 我读了一些关于如何预防的好文章使用 Asp Net MVC 进行 Json 劫持 http haacked com archive 2009 06 24 json hijacking aspx 规则是 永远不要通过 get 请求发送
  • JavaScript 字符串中的脚本标签[重复]

    这个问题在这里已经有答案了 我遇到一个问题 即 JavaScript 中带引号的字符串内有结束脚本标记 并且它正在杀死脚本 我认为这不是预期的行为 可以在这里看到这样的示例 http jsbin com oqepe edit http js
  • 获取被调用的 javascript 文件的查询字符串

    是否可以在调用的 javascript 文件上使用 javascript 获取查询参数 如下所示 in html in file js console log this location query 这是否可能以某种方式实现 或者我必须使用
  • 在上传之前预览图像 VUEjs [重复]

    这个问题在这里已经有答案了 我知道这个问题已经被问过 但我不知道如何在vuejs中使用代码 我尝试了很多但没有任何结果 我还添加了我的代码 有人可以帮帮我吗 这是我的代码 谢谢 html
  • Javascript 将对象推送为克隆

    我将 d3 用于交互式网络应用程序 我需要绑定的数据在交互过程中发生变化 并且由 JSON 变量中的一些选定对象组成 为此 我在 JSON 变量上使用了映射 并进行了一些查询来选择适当的对象 对象被推送到列表中 并且该列表被绑定为新数据 我
  • 如何通过setTimeout函数定期打印数字?

    var i 0 function counter for i i lt 100 i setTimeout gt console log i 2000 counter 我想以 2 秒的间隔打印 i 但它立即打印 每次打印调用只需要几微秒 为什
  • 通过 JavaScript 单击按钮/页面提交

    我想了解 asp net 框架如何知道何时单击了按钮 因此一旦收到请求 就会在服务器上触发其单击事件 我需要了解它是如何工作的 因为我想从 JavaScript 触发按钮的服务器单击事件 我能够从 JavaScript 执行页面提交 doc
  • jQuery:将文本区域滚动到给定位置

    我有一个包含很多文本的文本区域
  • Firefox Addon 中的 JQuery 导致多个警告

    我在 Firefox 插件中使用 jquery 但我不断收到大量警告消息 如下所示 anonymous function does not always return a value System JS WARNING resource g
  • AngularJS + jQuery 移动

    是否还有其他可能性来设计AngularJS以移动友好的方式应用程序CSS 我正在计划一个移动应用程序 并希望使用 AngularJS 进行逻辑和数据绑定 但我不想自己设计所有内容CSS The AngularJSFAQ说它使用jQuery
  • 播放没有音频标签的音频

    是否可以在没有音频标签的情况下仅使用 javascript 播放音频 我通过 tinyMce 编辑器注入脚本 因为我无权访问网站的后端 并且它不支持客户端的音频标签 她只想要当您将鼠标悬停在图像上时发出简单的声音 我已经完成了所有设置 但是
  • 如何知道 .keyup() 是否是字符键(jQuery)

    如何知道 keyup 是否是字符键 jQuery input keyup function if key is a character such as a b A b c 5 3 2 etc not enter key or shift o
  • ES6 模块范围

    我有代码 lib js var a a export var b b main js console log a a variable is not available in a global scope import b from lib
  • 如何从 html 页面 [javascript] 调用 Web 服务方法而不刷新页面

    我有一个webservice这将返回一个值 我的要求是 我需要调用它webservice从一个index html页面 该页面有一个 html 提交按钮 在该按钮上单击我正在呼叫JavaScript 从那里我想调用网络方法 我怎样才能做到这
  • Angular JS - 使服务可以从控制器和视图全局访问

    假设我们有以下服务 myApp factory FooService function 然后 从控制器中 我会说 myApp controller FooCtrl scope FooService function scope FooSer
  • 轮播滑动(未滑动)事件上的火灾事件,Bootstrap 3

    Bootstrap 2 似乎可以很好地处理幻灯片事件 请参阅这个问题 https stackoverflow com questions 9651466 how to attach slide slid events to the boot
  • 如何在 TypeScript 中使用 navigation.replace ?

    我试图在我的代码中使用它 const navigation useNavigation navigation replace AllFriends 但我不断收到错误消息 Property replace does not exist on
  • Three.js点击单个粒子

    In this example http jsfiddle net agqq96bq 2 您可以看到 2 个可点击的粒子 但它们都受到点击的影响 另外 我只想检测粒子上的点击 而不将它们过滤出场景 像这儿 if intersects len
  • 将引导程序弹出框保留在视口内

    我正在尝试使用带有按钮的侧边栏创建一个菜单 每个按钮都有一个指定的包含相关数据的弹出窗口 不幸的是 其中一个弹出窗口可能包含任意数量的行 并且在某些情况下它可能部分位于视口之外 See http jsfiddle net bfd9f 1 h

随机推荐

  • YouTube API 返回带有空列表的 nextPageToken

    这个问题与 YouTube API 500 1000 无关有意义的结果问题 我认为 YouTube API nextPageTokens 的工作方式是 一旦没有更多结果可返回 它们将为 null 但是 我看到一开始就返回了结果 但有时即使只
  • 如何将指针分配给矩阵的对角线?

    我有一个矩阵说REAL 8 MATRIX 100 100 我想仅从主对角线或上三角形创建一个指针 怎么做 目的是以干净的 命名 方式轻松访问这些元素 对于主对角线 请小心 您可以执行以下操作 PROGRAM diagonal IMPLICI
  • 过滤嵌套字典[重复]

    这个问题在这里已经有答案了 所以我有这本字典 Filme 1 Titel 20 Jahr 2 Wertung 6 Preis 50 Schauspielern a b c 2 Titel 30 Jahr 3 Wertung 7 Preis
  • 如何确定 TypeScript.Expression 对象的结果类型?

    使用 TypeScript 抽象语法树时 如何确定 TypeScript Expression 对象的结果类型 我正在使用 TSLint 并尝试查找不传递 Function 类型的对象作为第一个参数的 setTimeout 调用 例如 在下
  • 将同步调用包装在 Task.Run() 中以使其异步是否有益?

    我提出这个问题的动机是因为我正在创建一个 net Web API 项目 该项目将使用具有同步方法的现有 Neo4j Rest API 客户端 我想通过使用异步方法来利用一些性能提升 但我想避免进入 neo4j api 库并重构同步方法以返回
  • 如何在node.js服务器中自动重新连接mongo?

    假设我有一个连接到 mongoDB 的 Node js 服务器 然后 mongoDB 死亡或断开连接 当然 node js 服务器会失去连接 即使我重新启动 mongoDB node js 服务器也不会自动连接到新的 mongodb 即使它
  • 系统找不到Android Studio指定的文件

    每当我尝试运行 Android 应用程序时 我都会收到一条错误消息 Error C Users zeshan gradle caches 2 14 1 scripts remapped build 6xj57zedh3l90p9pnawvv
  • 如何在 JavaScript 中创建选项卡?

    我一直在尝试用 JavaScript 创建选项卡 当点击一个new tab the 活跃班应适用于它及其相关的面板内容应该显示 但是 那活跃班单击另一个选项卡时不会应用panels也没有改变 它们只是相互堆叠 const tabs docu
  • WPF 如何显示 Image.Source (BitmapSource) 像素位置?

    假设我有一个以缩放方式显示其来源的图像 我如何使用 MouseMove 事件在标签或文本块中显示光标所在的像素位置 我需要像素坐标而不是图像相对于其大小的坐标 提前致谢 您可以从 ImageSource 中找到实际像素的高度和宽度 Imag
  • Android 中的自动增长 ListView

    我确实搜索了与我要问的问题相关的各种问题 我只是想以清晰简单的方式提出问题 并希望得到一个清晰简单的答案 我有一个List我想向用户展示的数百个项目ListView小部件 最初 我想从 50 个项目开始 当用户滚动到底部附近时 我想添加另外
  • 对 .xml 文件中

    内的句子进行编号?

    我是一名初学者程序员 我陷入了这个可能很简单的问题 我想自动将数字添加到 xml 文件的 P 标签中包含的句子中 因此 xml 文件中的示例段落如下所示 p Sentence1 Sentence2 Sentence3 p 我想把它改造成 p
  • 如何获取函数的所有参数?

    在 JavaScript 中 我们有arguments 属性 可以让我们获取函数的参数 我一般都是这样做的 function sum var agumentCount arguments length var count 0 var sum
  • excel 替换值 N/A

    我有一行包含一些值A1 to A3 我有 1 3 N A I tried SUM A1 A3 但由于我的值为 N A 因此无法获得 3 个值的总和 我想将 N A 视为 0 并得到总和 The 总计的函数非常适合忽略错误项 AGGREGAT
  • SceneKit:是否可以在透明对象上投射阴影?

    我正在尝试在 OSX 上的 SceneKit 中的完全透明的平面上投射阴影 我在这个问题上挣扎了几个小时 但没有找到任何解决方案 我的目的是生成几个具有透明背景的对象的屏幕截图 并且只有不可见平面上的阴影 你对我如何用苹果 SceneKit
  • h2 数据库上的条件唯一索引

    我有一个带有 BIZ ID 列的 SAMPLE TABLE 当列 active 不等于 0 时 该列应该是唯一的 在 Oracle 数据库上 索引如下所示 CREATE UNIQUE INDEX ACTIVE ONLY IDX ON SAM
  • 在android中单击警报对话框中的肯定按钮后关闭活动

    我有一个名为 A 的活动 它显示项目列表 单击更新按钮时 它会显示自定义对话框 活动显示在后面 并选择项目列表 单击自定义对话框内的 订单 按钮时 自定义对话框消失 显示进度对话框 因为订单工作正在进行中 然后进度对话框在订单工作完成后关闭
  • 单个 PHP“退出;”声明阻止 Safari 中的 HTML5 视频

    奇怪的错误 在提供视频文件的 PHP 脚本中 在发送 video mp4 标头并输出 MP4 文件之前 我有一些测试条件 验证令牌 确保文件存在等 如果任何测试失败 fail被赋予一个非假值 测试结束时有这个if陈述 if fail exi
  • 如何在 Objective-C 中发出 API 请求来获取私有 Vimeo 视频?

    我正在开发一个 iOS 应用程序来播放私人 Vimeo 视频 私人视频被赋予隐藏来自 Vimeo 网站的视频的隐私和指定的域 以便这些视频只能在我的网站上购买和播放 我有 Vimeo PRO 帐户 我正在使用 VIMNetworking S
  • 公钥和私钥作为变量 C#

    我正在编写一个函数 其中该函数接收我的公钥作为变量 并且该变量的值是实际的公钥 我需要 Azure 中的两个不同的功能应用程序来加密和解密 密钥必须匹配 但问题是 每次我调用 API 时 公钥都不同 我可以毫无问题地加密 但是当我必须解密时
  • Hogan.js 的国际化是如何配置的?

    我正在寻找使用hogan js在浏览器中创建 html 表单模板 我读到 hogan 支持 i18n 但我找不到其工作原理的示例 你如何将翻译后的文本传递给 hogan 以及你在模板中放置什么标签 我已经看到了 i 和 i18n 看来我很困