AngularJS翻译：如何使用链接处理表单文本？

Question

我使用Angular Translate翻译我的webapp。我可以翻译一些标签，短语但是当我想翻译包含链接的短语时。显示原始文本。 我想显示一个复选框：

我的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。＆＃34; Post compiling＆＃34;在角度翻译主页）。

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