美好的一天，
我正在尝试使用指令方式翻译 html 的这一部分
<h1>First text to translate<small>Second text to translate</small></h1>
但是我遇到了一些困难。例如，如果我尝试:
<h1 translate>KEY<small>Second text to translate</small></h1>
key 不会被翻译，我会在页面上看到它，如果我尝试:
<h1 translate="KEY"><small>Second text to translate</small></h1>
这次按键被翻译，但第二个文本消失。
为了使其工作，我必须使用 Controller 内的翻译服务或删除嵌套。有什么建议吗？
最佳答案
您可以将其用作过滤器而不是指令:
<h1>{{'KEY' | translate}}<small>{{'Second text to translate' | translate}}</small></h1>
参见https://angular-translate.github.io/docs/#/api/pascalprecht.translate.filter:translate
关于Angularjs 在嵌套标签中进行翻译，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32008248/