AngularJS 翻译 : How to handle form text with link?

Question

我使用 Angular Translate 来翻译我的网络应用程序。我可以翻译一些标签、短语，但是当我想翻译一个包含链接的短语时。显示原始文本。我想显示一个复选框:

我的 json 文件:

 "cgu":"Accept <a href=\"#/ourconditions\"> our Terms and conditions</a>"

表单中的复选框:

        <div class="form-group">
        <div class="">
        <label for="cgu">
                <input type="checkbox" id="cgu" ng-model="cgu" checked>
                {{"global.form.cgu" | translate}}
                <div ng-bind-html-unsafe="global.form.cgu | translate"></div>
            </label>
        </div>
        </div>

这是显示的内容:原始文本而不是链接:

我试过解决方案: stackoverflow post 1

和this one没有任何效果。

Answer 1

您需要告诉 angular translate 编译翻译后的字符串(s. "Post compiling "在 angular translate 主页)。

<span translate="{{ global.form.cgu }}" translate-compile></span>