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、张同学俱乐部有挂吗公共底...
4分钟总结!斗棋bug辅助(外... 4分钟总结!斗棋bug辅助(外挂)切实有辅助攻略(哔哩哔哩)斗棋bug辅助破解侠是真的助透视。每个模...
第1分钟法子!九游破解辅助插件... 第1分钟法子!九游破解辅助插件hhpoker(外挂)真是真的是有辅助工具(哔哩哔哩);1、操作简单,...
第3分钟方针!美猴王辅助(外挂... 第3分钟方针!美猴王辅助(外挂)切实真的是有辅助软件(哔哩哔哩)小薇(辅助器软件下载)致您一封信;亲...
两分钟技法!鹰潭至上饶脚本(外... 两分钟技法!鹰潭至上饶脚本(外挂)一贯是有辅助方法(哔哩哔哩)1、首先打开鹰潭至上饶脚本辅助器下载最...
第8分钟绝活儿!星悦山东辅助(... 第8分钟绝活儿!星悦山东辅助(外挂)切实是真的有辅助插件(哔哩哔哩)1、进入游戏-大厅左侧-新手福利...
第八分钟经验!微信三哥玩辅助(... 第八分钟经验!微信三哥玩辅助(外挂)本来真的是有辅助工具(哔哩哔哩)1、很好的工具软件,可以解锁游戏...
九分钟积累!微信超级三加一免费... 九分钟积累!微信超级三加一免费辅助(外挂)果然是真的有辅助工具(哔哩哔哩)1、进入游戏-大厅左侧-新...
7分钟步骤!新悠悠辅助微信(外... 7分钟步骤!新悠悠辅助微信(外挂)果然真的是有辅助脚本(哔哩哔哩)1、完成新悠悠辅助微信辅助器v3....