AngularOnPush:更新的输入字符串不会更新模板
创始人
2024-10-28 19:01:05
0

当使用Angular OnPush策略时,组件中的输入属性(@Input)如果未通过引用变化,则不会自动更新模板。而是需要手动通知变化检测器(ChangeDetectorRef)进行检测。

例如:

@Component({ selector: 'app-my-component', template: {{ myInput }} changeDetection: ChangeDetectionStrategy.OnPush }) export class MyComponent { @Input() myInput: string;

constructor(private cdr: ChangeDetectorRef) {}

updateInput(newValue: string) { this.myInput = newValue; this.cdr.detectChanges(); // 手动检测变化以触发模板更新 } }

在上面的示例中,通过调用ChangeDetectorRef的detectChanges()方法,通知变化检测器手动检测输入属性的变化并更新模板。

相关内容

热门资讯

透视教学!hhpoker视频巡... 透视教学!hhpoker视频巡查真的假的(透视)本来真的有挂(详细辅助新2025版);1、透视辅助简...
透视线上!wepokerh5破... 透视线上!wepokerh5破解(透视)本来有挂(详细辅助分享教程)运辅助工具,进入游戏界面。进入辅...
透视科技!hhpoker德州有... 透视科技!hhpoker德州有挂吗(透视)真是真的是有挂(详细辅助微扑克教程);1、玩家可以在软件透...
透视脚本!如何下载wepoke... 透视脚本!如何下载wepoker安装包(透视)本来是有挂(详细辅助黑科技教程);1、许多玩家不知道辅...
透视挂!德普之星透视软件免费入... 透视挂!德普之星透视软件免费入口官网(透视)都是是真的有挂(详细辅助技巧教程);1、完成透视辅助安装...
透视有挂!wpk模拟器多开(透... 透视有挂!wpk模拟器多开(透视)竟然是有挂(详细辅助透牌教程);1、完成透视辅助安装,帮助玩家取得...
透视好牌!wepoker好友房... 透视好牌!wepoker好友房开挂(透视)总是真的是有挂(详细辅助2025新版技巧)1)辅助挂:进一...
透视游戏!聚星ai辅助工具收费... 透视游戏!聚星ai辅助工具收费多少(透视)果然有挂(详细辅助黑科技教程)1、超多福利:超高返利,海量...
透视美元局!hhpoker怎么... 透视美元局!hhpoker怎么开透视(透视)竟然是真的有挂(详细辅助攻略方法)1、hhpoker怎么...
透视数据!hhpoker透视脚... 透视数据!hhpoker透视脚本视频(透视)总是有挂(详细辅助实用技巧)一、hhpoker透视脚本视...