angularjs - Angular 翻译属性与过滤器

Question

这两个哪个更好？

<span translate="key">Key</span>

或

<span>{{'key' | translate}}</span>

它们都很好并且工作正常，但在第一种情况下我必须填充元素的内容。

Answer 1

使用该属性可以提高性能，特别是如果您打算对 ngRepeats 内部的元素使用翻译。这是因为过滤器内部的工作方式。

每次有摘要循环时，AngularJS都会重新加载所有包含过滤器的表达式。这是因为 Angular 不可能知道过滤器是否已更改。这意味着，即使翻译的关键没有改变，但范围上的其他值发生了变化，Angular 也会查看每个翻译并再次翻译它，只是得出它们都保持不变的结论。

属性更加智能，因为指令的开发人员可以明确控制何时应该重新渲染以及应该创建什么观察程序。

编辑:据我所知，第一个用例中的内容不需要填写。您可以将其留空。