Question

美好的一天，

我试图使用指令方式翻译这段html

<h1>First text to translate<small>Second text to translate</small></h1>

但我遇到了一些困难。例如，如果我尝试：

<h1 translate>KEY<small>Second text to translate</small></h1>

密钥不会被翻译，我会在页面上看到它，如果我尝试：

<h1 translate="KEY"><small>Second text to translate</small></h1>

这次翻译了密钥，但第二个文字消失了。

要使其工作，我必须使用控制器内的翻译服务或删除嵌套。有什么建议吗？

Answer 1

您可以将其用作过滤器而不是指令：

<h1>{{'KEY' | translate}}<small>{{'Second text to translate' | translate}}</small></h1>