【问题标题】:Angular translate with html and ngHref使用 html 和 ngHref 进行角度翻译
【发布时间】:2015-07-22 10:51:03
【问题描述】:

我在一个 Json 文件中有这个键/值用于角度翻译:

{"MEETING_LINK": "<br/>Maybe you want to see the <a class=\"pink-link\" ng-href=\"/{{meetingLink}}/{{meetingId}}\">full meeting<a/> first?"}

当我像这样在我的 html 中调用翻译时:

 <span 
    ng-bind-html="'GLOBAL.REMOVE_MODAL.MEETING_LINK' | translate:
    { meetingLink: meetingData.buttonLink, meetingId: meetingData.id}">
  </span>

它不起作用。但是如果我替换锚中的 ng-href:href="/{{meetingData.buttonLink}}/{{meetingData.id}} 它可以工作。 除了我想向锚元素添加 ng-click 之外,我猜 html 中的角度指令不起作用。

我可以做点什么来实现这一点吗?

【问题讨论】:

  • 我怀疑在以这种方式呈现的 HTML 上运行编译器。您可以执行自定义指令,使用外部模板文件或简单地使用适当的对象和适应的模板。首先绑定一个包含动作和一些布局标签的完整 html 字符串可能不是一个好方法。
  • 当然你的最后一点是对的,我不应该在 Json 文件的 html 中引入角度指令。我只是想驱逐建立一个预锚、锚文本和后锚键/值,这就是我解决的方法。但也许这会是一种更好、更优雅的方式来做到这一点。实际上我正在尝试使用指令,但没有得到我想要的结果。

标签: html angularjs angularjs-directive parameter-passing angular-translate


【解决方案1】:

如果您使用 angular-translate 2.x,请尝试将 translate-compile 添加到您的 span

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-11-26
    • 2016-05-29
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多