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

相关内容

热门资讯

指导大家!微乐自建房辅助工具,... 指导大家!微乐自建房辅助工具,微乐家乡麻将自建房辅助app(开挂自建房)器1)微乐家乡麻将自建房辅助...
实测发现!微乐自建房辅助工具脚... 实测发现!微乐自建房辅助工具脚本,微乐家乡麻将自建房辅助app(开挂自建房)教程1、微乐家乡麻将自建...
科技介绍!微信微乐自建房辅助工... 科技介绍!微信微乐自建房辅助工具,微乐自建房脚本免费入口(开挂自建房)插件1、许多玩家不知道微信微乐...
玩家必看科普!微乐微信自建房辅... 玩家必看科普!微乐微信自建房辅助工具插件,微乐自建房脚本免费入口(开挂自建房)脚本1、金币登录送、破...
最新技巧!微乐家乡麻将自建房辅... 最新技巧!微乐家乡麻将自建房辅助app,微乐小程序免费黑科技(开挂自建房)脚本暗藏猫腻,小编详细说明...
分享开挂内幕!微乐自建房辅助工... 分享开挂内幕!微乐自建房辅助工具免费app,微乐小程序免费黑科技(开挂自建房)技巧一、微乐自建房辅助...
最新技巧!微乐自建房辅助工具免... 最新技巧!微乐自建房辅助工具免费app,微乐小程序免费黑科技(开挂自建房)攻略1、上手简单,内置详细...
每日必备!微乐自建房辅助工具脚... 每日必备!微乐自建房辅助工具脚本,微乐小程序免费黑科技(开挂自建房)器1、微乐自建房辅助工具脚本辅助...
专业讨论!微信微乐自建房辅助工... 专业讨论!微信微乐自建房辅助工具,微乐自建房脚本免费入口(开挂自建房)教程1、金币登录送、破产送、升...
教程辅助!微乐自建房辅助工具神... 教程辅助!微乐自建房辅助工具神器,微乐家乡麻将自建房辅助app(开挂自建房)插件暗藏猫腻,小编详细说...