Angular i18n 字符串中的电子邮件地址答案

【问题标题】：email address in Angular i18n stringAngular i18n 字符串中的电子邮件地址
【发布时间】：2014-11-25 17:55:14
【问题描述】：

我正在向 AngularJS 页面的页脚添加一条国际化消息，包括一个电子邮件地址 - 如需更多帮助，请发送电子邮件至 help@email.com 这被添加到相关的 js i18n 文件中作为

"helpnote": "For additional help, please send an email to mailto:help@email.com"
"helpnote": "Para obtener ayuda adicional, por favor envíe un correo electrónico a mailto:help@email.com"
"helpnote": "Pour une aide supplémentaire, se il vous plaît envoyez un courriel à mailto:help@email.com"

等

不幸的是，如果我使用，mailto 链接会显示为文本

 <div class="helpnote">{{i18n.helpnote}}</div>

即这个确切的字符串出现在屏幕上 - “如需更多帮助，请发送电子邮件至 mailto:help@email.com”

国际化字符串是否可以写入或绑定到 div，以使链接变为活动状态？

【问题讨论】：

对于链接html标记mb，当使用角度表达式或ng-bing时，您需要使用smth like:ngBindHtml或自定义过滤器；至于 国际化字符串 - 你是否从 i18n 得到正确的字符串？

标签： javascript angularjs email internationalization mailto

【解决方案1】：

在 div 上使用 ng-click 以某种方式使其具有活动性，并在控制器中使用 $location 进行重定向（如果您的操作背后有更多魔法）或简单地使用 ng-href 创建常规链接。

https://docs.angularjs.org/api/ng/directive/ngHref

【讨论】：

谢谢，我做了这样的事情。我已将字符串分成两部分。国际化部分现在只是“如需更多帮助，请发送电子邮件至”，电子邮件地址是 $rootScope 变量，带有 {{helpEmail}} 来显示它。这更有意义，如果我们更改电子邮件地址，我只需进行一次更改，而不是对每个 i18n 文件进行更改