我正在进行网站国际化，并遇到了#hi:hover + #bye{
color: green;
}
的问题。
假设我有一个英语翻译提供者，提供以下文字：
angular-translate我现在尝试通过执行以下操作来获取一些HTML到这两个占位符：
"example.message": "I need a {{link}} or {{customDirectiveOutput}} to render directives in me"
"link.text": "this link"
其中<div translate="example.message"
translate-values="{
link: '<a ui-sref=\'stateName\'>{{ \'link.text\' | translate }}</a>'
customDirectiveOutput: '<span my-custom-directive=\'vm.object\'></span>'
}">
</div>
来自ui-sref并添加了ui-router等属性，而href="/path/to/my/state"将内部html放在my-custom-directive类似的内容中：< / p>
span我可以通过将<span my-custom-directive='vm.object'>
<span class='foo'>{{vm.object.foo}}</span>
<span class="bar">{{vm.object.bar}}</span>
</span>
硬编码到href标记来“欺骗”链接标记，但复制a并不是那么糟糕，尽管我我不愿意。
然而，自定义指令是以其输出为条件的，所以我不能将输出欺骗到/path/to/state
我已尝试在控制器中为页面执行某些操作，例如
translate-values但不幸的是，这创造了一个无限的消化循环。我觉得这是正确的“路径”，让一些JS预编译我需要插入到翻译中的片段，但我仍然坚持如何实现它！
如何插入角度编译的HTML，并将指令附加到已翻译的字符串中？