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()方法,通知变化检测器手动检测输入属性的变化并更新模板。

相关内容

热门资讯

第三方技巧!手机游戏挂机辅助软... 第三方技巧!手机游戏挂机辅助软件,心悦游戏辅助-果然存在有辅助神器(哔哩哔哩)1、在手机游戏挂机辅助...
透视讲解!创乐源辅助软件,越乡... 透视讲解!创乐源辅助软件,越乡游辅助器-果然是有辅助脚本(哔哩哔哩)1、游戏颠覆性的策略玩法,独创攻...
第三方辅助!玉海楼茶苑辅助器,... 第三方辅助!玉海楼茶苑辅助器,浙江宝宝游戏辅助器是真的嘛-确实真的是有辅助器(哔哩哔哩)1、打开软件...
透视讲解!微乐家乡app下载,... 透视讲解!微乐家乡app下载,wepoker辅助脚本-真是存在有辅助方法(哔哩哔哩)在进入微乐家乡a...
透视好友!哈灵脚本辅助最简单三... 透视好友!哈灵脚本辅助最简单三个步骤,朱雀开心罗松怎么开挂-一贯确实有辅助器(哔哩哔哩)1、哈灵脚本...
透视免费!多乐辅助器使用方法,... 透视免费!多乐辅助器使用方法,多乐跑辅助-原来真的是有辅助器(哔哩哔哩)1、实时多乐辅助器使用方法透...
透视挂!榕城50k辅助,闲逸辅... 透视挂!榕城50k辅助,闲逸辅助软件-都是是真的有辅助脚本(哔哩哔哩)所有人都在同一条线上,像星星一...
日前!逍遥卡五星内购破解,情怀... 日前!逍遥卡五星内购破解,情怀游戏辅助器破解版-其实是有辅助工具(哔哩哔哩)亲,关键说明,情怀游戏辅...
透视了解!四川游戏家园通用辅助... 透视了解!四川游戏家园通用辅助在,九游辅助真的假的-原来存在有辅助脚本(哔哩哔哩)1)四川游戏家园通...
透视规律!雀友会广东潮汕苹果脚... 透视规律!雀友会广东潮汕苹果脚本,创思维激k辅助器视频-一直真的是有辅助方法(哔哩哔哩)1、玩家可以...