Angular的ChangeDetectionStrategy.OnPush不会在输入更改时触发 _程序开发

创始人

2024-10-24 02:00:45

0次

在Angular中，当使用ChangeDetectionStrategy.OnPush策略时，组件只会在输入属性发生变化或自身事件（例如点击按钮）触发时重新渲染。

但是有时输入属性发生变化时，组件却没有重新渲染。这可能是因为输入属性不是引用类型，而是一个新的对象，导致无法触发变化检测。

解决方法是使用不可变对象，例如通过使用Immutable.js或Angular中的不可变数据结构来创建新的对象。

以下是一个示例，演示了如何使用不可变对象来解决这个问题：

// 使用不可变对象

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

@Component({ selector: 'app-person', template:

       Name: {{ person.name }}
       Age: {{ person.age }}

, changeDetection: ChangeDetectionStrategy.OnPush }) export class PersonComponent { private _person = List([]);

@Input() set person(value) { this._person = List([value]); }

get person() { return this._person.get(0); } }

推荐十款!七彩云南麻将有没有挂... 推荐十款!七彩云南麻将有没有挂(透视)本来是有挂(2022已更新)(哔哩哔哩)1、七彩云南麻将有没有...

wepokeai机器人!用ai... wepokeai机器人!用ai外挂打德州有用(辅助挂)wepOke(本来真的有挂);一、wepOk...

微扑克辅助软件！微扑克超级统计... 您好，微扑克这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家在这款游戏中...

揭秘!广东雀神麻将怎么让系统发... 揭秘!广东雀神麻将怎么让系统发好牌(透视)果然是真的有挂(2020已更新)(哔哩哔哩)1、进入到广东...

wepoke辅助挂!wepok... wepoke辅助挂!wepoke好友助力(透视辅助)WePoKer(一般真的有挂)；WePoKer软...

微扑克有辅助挂！微扑克俱乐部，... 微扑克有辅助挂！微扑克俱乐部，微扑克ai人工智能，wepoke教程（有挂黑科技）1、微扑克ai机器人...

玩家攻略推荐!闽游麻将(透视辅... 玩家攻略推荐!闽游麻将(透视辅助)原来存在有挂(2023已更新)(哔哩哔哩)；1、闽游麻将ai辅助优...

软件教程!wopoker轻量版... 软件教程!wopoker轻量版外挂(wepoke辅助技巧)wepoKE(果然真的有挂)关于wopo...

微扑克ai辅助工具！微扑克辅助... 微扑克ai辅助工具！微扑克辅助多少钱，微扑克ai操作，可靠技巧（有挂ai代打）；人气非常高，ai更新...

玩家科普!吉祥麻将怎么让系统发... 玩家科普!吉祥麻将怎么让系统发好牌(透视辅助)竟然存在有挂(2026已更新)(哔哩哔哩)亲，关键说明...