Angular 4指令不会重新计算

Angular 4是一种流行的前端开发框架，它使用指令来扩展HTML的功能。指令是一种特殊的HTML属性，用于告诉Angular如何操作DOM元素。

在Angular 4中，指令的计算是基于数据绑定的。当数据发生变化时，Angular会自动重新计算指令，并更新DOM元素。然而，有时候我们希望指令不会重新计算，这可以通过使用ChangeDetectionStrategy来实现。

ChangeDetectionStrategy是Angular提供的一种机制，用于控制变化检测的策略。默认情况下，Angular会使用Default策略，即在每次数据变化时重新计算指令。但是，我们可以将策略设置为OnPush，这样指令只有在输入属性发生变化时才会重新计算。

使用OnPush策略可以提高性能，因为它减少了不必要的计算和DOM更新。但是，需要注意的是，当使用OnPush策略时，必须手动处理输入属性的变化，否则指令可能不会正确更新。

对于Angular 4指令不会重新计算的场景，可以考虑使用OnPush策略。在指令的定义中，可以通过设置changeDetection属性为ChangeDetectionStrategy.OnPush来启用该策略。例如：

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

@Component({
  selector: 'app-custom-directive',
  template: '<div>{{ data }}</div>',
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class CustomDirective {
  @Input() data: string;
}

在上述示例中，CustomDirective使用了OnPush策略，并且只有在data输入属性发生变化时才会重新计算。

推荐的腾讯云相关产品和产品介绍链接地址：

• 云服务器（CVM）：提供可扩展的计算能力，适用于各种应用场景。详情请参考：云服务器产品介绍
• 云数据库 MySQL 版（CDB）：提供稳定可靠的关系型数据库服务，适用于数据存储和管理。详情请参考：云数据库 MySQL 版产品介绍
• 腾讯云对象存储（COS）：提供安全可靠的云端存储服务，适用于存储和管理各种类型的数据。详情请参考：腾讯云对象存储产品介绍
• 人工智能平台（AI Lab）：提供丰富的人工智能服务和工具，帮助开发者构建智能化应用。详情请参考：人工智能平台产品介绍
• 物联网开发平台（IoT Explorer）：提供全面的物联网解决方案，帮助开发者快速构建物联网应用。详情请参考：物联网开发平台产品介绍