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); } }

传递经验！约战武汉怎么辅助，新... 传递经验！约战武汉怎么辅助，新星游辅助软件免费版，AI教程（有挂技巧）-哔哩哔哩；1.新星游辅助软件...

透视模拟器！鄱阳翻精辅助下载，... 透视模拟器！鄱阳翻精辅助下载，微乐家乡app插件，AI教程（有挂技术）-哔哩哔哩;鄱阳翻精辅助下载是...

玩家必知教程！上饶窝龙辅助，聚... 玩家必知教程！上饶窝龙辅助，聚财app辅助，AA德州教程!（存在有挂）-哔哩哔哩；小薇（透视辅助）致...

教学盘点！丫丫衡阳字牌辅助器，... 教学盘点！丫丫衡阳字牌辅助器，菜鸟黑桃a3辅助，wepoke教程（真是有挂）-哔哩哔哩;1、超多福利...

分享给玩家！柚子联盟辅助器下载... 分享给玩家！柚子联盟辅助器下载，新海贝之城app破解，技巧教程（证实有挂）-哔哩哔哩;是一款可以让一...

透视计算！开心网辅助工具，乾坤... 透视计算！开心网辅助工具，乾坤互娱辅助，辅助教程（确实有挂）-哔哩哔哩;1、点击下载安装，开心网辅助...

透视有挂！雀友会广东潮汕麻雀，... 透视有挂！雀友会广东潮汕麻雀，心悦填大坑辅助，攻略教程!（存在有挂）-哔哩哔哩；雀友会广东潮汕麻雀软...

透视线上！川南九九辅助，新广西... 透视线上！川南九九辅助，新广西老友辅助，AI教程（有挂秘籍）-哔哩哔哩；详细新广西老友辅助攻略（新广...

透视软件！光明大厅微信呢链接辅... 透视软件！光明大厅微信呢链接辅助试用，阿拉游戏中心辅助，曝光教程（新版有挂）-哔哩哔哩；致您一封信；...

透视透视挂！潮汕激k辅助，潮汕... 透视透视挂！潮汕激k辅助，潮汕汇app辅助，解说技巧（有挂攻略）-哔哩哔哩;1、这是跨平台的潮汕汇a...