javascript - Angular 2 在 View /模板中调用函数

Question

当我在 Angular 组件的 View 中调用函数时，该函数会被一遍又一遍地调用。例如:

nightclub.component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'app-nightclub',
  templateUrl: './nightclub.component.html',
  styleUrls: ['./nightclub.component.css']
})
export class NightclubComponent {
  doStuff(): number {
    return 1;
  }
}

nightclub.component.html

{{doStuff()}}

这将一遍又一遍地调用 doStuff() 方法。

问题:

人们应该这样做吗？如果是这样，这在什么情况下会有好处？

Answer 1

这将在每个更改检测周期被调用，不建议在模板内使用函数，因为它不会对性能造成很大影响。

您想要在模板上显示的功能/数据的实现高度依赖于您的用例。

示例:

如果正在解析文本，那么管道将是一个不错的选择，因为它可以被内存

如果您对数据的更改可能发生在无法使用输入和输出的组件外部，那么Observable将是一个不错的选择。