Angular 2不纯管道与指令性能

时间:2017-03-20 08:46:44

标签: angular angular2-directives ngx-translate

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

  1. 作为管道{{'messageId' | translate}}
  2. 或作为指令<span [translate]="'messageId'">
  3. 管道是Impure管道,可以处理文本的转换和任何异步加载。我看到这种方法的缺点是,每次摘要周期运行时都会触发此方法。

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

    但是由于指令操纵DOM,我的问题是指令方法会使整体事情变慢吗?另外,有没有办法衡量一个人的表现?

1 个答案:

答案 0 :(得分:3)

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>

因此,如果你看到属性绑定的好处,那就去吧。