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、来打麻将透视辅助软件激活码...
玩家必看分享作弊器插件!乐暴延... 玩家必看分享作弊器插件!乐暴延边麻将多功能作弊器插件,乐暴延边麻将一直是真的有作弊器插件运乐暴延边麻...
重大通报外挂脚本!KELE多功... 重大通报外挂脚本!KELE多功能外挂脚本,KELE一直是有外挂脚本1、KELE辅助器安装包、KELE...
发现玩家透视挂软件!随便字牌多... 发现玩家透视挂软件!随便字牌多功能透视挂软件,随便字牌切实是真的有透视挂软件1、首先打开随便字牌辅助...
一分钟揭秘透视器教程!铃铛游戏... 一分钟揭秘透视器教程!铃铛游戏3D多功能透视器教程,铃铛游戏3D一直是真的有透视器教程1、铃铛游戏3...
终于知道作弊器方法!大唐麻将全... 终于知道作弊器方法!大唐麻将全集多功能作弊器方法,大唐麻将全集一直真的是有作弊器方法1、金币登录送、...
我来向大家传授辅助器app!乐... 我来向大家传授辅助器app!乐通多功能辅助器app,乐通一直是真的有辅助器app1、乐通透视辅助软件...
科技介绍透视挂攻略!欢乐赣游G... 科技介绍透视挂攻略!欢乐赣游GZ多功能透视挂攻略,欢乐赣游GZ原来真的是有透视挂攻略1、用户打开应用...
必备攻略透视器脚本!打两圈泰州... 必备攻略透视器脚本!打两圈泰州麻将多功能透视器脚本,打两圈泰州麻将一贯有透视器脚本必备攻略透视器脚本...