用尖括号{{}}绑定Angular js中的html标签

Question

我有一个函数，可以用一些html标记替换资源（.resx）文件中的预定义特殊宪章，因为我无法将html标记写入资源（.resx）文件中 例如，如果我有@b@ Test @cb@，将通过使用以下函数将其替换为<span class="bold"> test </span>。

function processTranslationText(value) {
            return value
                .replace(/@b@/g, '<span class="lms-bold">')
                .replace(/@b2@/g, '<span class="lms-bold lms-game-font">')
                .replace(/@cb@/g, '</span>')
        }

var str = common.translation.translateWithValue('ambCompmsg');
// where ambCompmsg = Win @b@Ambassador badge@cb@ and @b@50pt@cb@ when you bla bla bla
$scope.ambCompmsg = referralCodeCntrl.processTranslationText(str);

当我将{{ambCompmsg}}放在大括号中时，输出看起来像Win <span class="lms-bold">Ambassador badge</span> and <span class="lms-bold">50pt</span>，是未经编译的html文本，但是当我使用data-ng-bind-html="ambCompmsg"时效果很好

我需要使用大括号获得与data-ng-bind-html相同的结果