angular - Angular 2不纯管道与指令性能

Question

我正在ngx-translates研究提供翻译输入的两种方式。

1. 要么作为管道{{'messageId' | translate}}
2. 或作为指令<span [translate]="'messageId'">

管道是一个不纯的管道，可以处理翻译和任何异步加载文本。我看到的这种方法的缺点是每次摘要循环运行时都会触发。

另一种方法是使用指令。在这种情况下，我们可以通过使用事件或 Observables 来控制方法何时被触发。这种方法将减少不必要的更新。

但是由于指令操纵 DOM，我的问题是指令方法会使事情总体上变慢吗？另外，有没有办法衡量一个比另一个的表现？

Answer 1

Angular 中的插值是属性绑定的语法糖。如文档中所述，这两个是相同的

<p><span>"{{title}}" is the <i>interpolated</i> title.</span></p>
<p>"<span [innerHTML]="title"></span>" is the <i>property bound</i> title.</p>

因此，如果您看到属性绑定的好处，那就去做吧。