首页 > 解决方案 > 如何在Angular 7中只调用一次模板方法?

问题描述

在 Angular 中,当我们调用像{{ setId() }}这样的插值方法时,它会被多次调用,因此不是好方法(由于性能问题)。在AngularJs中,我们有{{ ::newMethod() }}方法来做到这一点。Angular中是否有任何方法(纯管道除外)只调用一次模板方法?

标签: angular7

解决方案


您应该避免从模板调用方法,因为每次更改检测运行时都会调用该方法。

尝试使用OnPush变更检测策略来避免不必要的检查

像这样的东西

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

@Component({
  // ...
  changeDetection: ChangeDetectionStrategy.OnPush
})

推荐阅读