在 Angular 应用程序中的模板插值中使用管道和方法有区别吗？
例如：
<h1>{{ name.toLowerCase() }}</h1> vs <h1>{{ name | lowercase }}</h1>
就性能而言，是有真正的收获还是只是个人喜好？
我知道调用模板中的方法通常会降低性能，因为 Angular 会不断检查其执行是否改变了任何内容。大多数时候，我会在组件上使用计算属性。
TL;DR;不要在模板中使用函数或方法，而应使用管道。
仅当输入值更改时才会调用管道。每次更改检测时都会调用一个函数或方法。这是一篇不错的文章 https://blog.appverse.io/why-it-is-a-bad-idea-to-use-methods-in-the-html-templates-with-angular-2-30d49f0d3b16如果您想了解更多有关模板中函数的信息。
这是方法与管道的运行 stackblitz 演示。 https://stackblitz.com/edit/stackoverflow-48332039
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
