angular7 - 如何在Angular 7中只调用一次模板方法?
问题描述
在 Angular 中,当我们调用像{{ setId() }}这样的插值方法时,它会被多次调用,因此不是好方法(由于性能问题)。在AngularJs中,我们有{{ ::newMethod() }}方法来做到这一点。Angular中是否有任何方法(纯管道除外)只调用一次模板方法?
解决方案
您应该避免从模板调用方法,因为每次更改检测运行时都会调用该方法。
尝试使用OnPush
变更检测策略来避免不必要的检查
像这样的东西
import { Component,ChangeDetectionStrategy } from '@angular/core';
@Component({
// ...
changeDetection: ChangeDetectionStrategy.OnPush
})
推荐阅读
- loops - 计算10个位置的距离时如何在飞镖颤动中循环(for)?
- vue.js - 为什么我的 JSFiddle 可以工作,但我的 Codepen 不行?
- ubuntu - 如何解决问题:pscp:无法打开/home/cse316/lab1.rar:权限被拒绝
- flutter - 为什么我会收到错误:ADB exited with exit code 1
- git - Github:无法从跟踪列表中删除我的数据库
- java - 如何在java中下载网站的源代码
- javascript - 如何使用 javascript 检查变量是否为特定类型?
- javascript - 超出最大调用堆栈大小错误节点js
- jquery - Owl carousel 2 即使在使用 responsiveclass true 后也无法在响应模式下工作
- typescript - TypeScript:推断带注释对象内部类型的泛型