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

相关内容

热门资讯

黑科技智能ai(微扑克线上)外... 黑科技智能ai(微扑克线上)外挂透视辅助插件(透视)攻略教程(总是真的是有挂)1、微扑克线上ai辅助...
黑科技讲解(wepOke)黑科... 黑科技讲解(wepOke)黑科技透明挂辅助下载(透视)玩家教你(切实存在有挂)该软件可以轻松地帮助玩...
黑科技线上(we辅助poker... 黑科技线上(we辅助poker)黑科技透明挂辅助助手(透视)透牌教程(真是是有挂)1、we辅助pok...
黑科技肯定(wepOkE)黑科... 黑科技肯定(wepOkE)黑科技透明挂辅助app(透视)AI教程(确实真的有挂);1、任何wepOk...
黑科技新版(红龙扑克)外挂辅助... 黑科技新版(红龙扑克)外挂辅助app(透视)科技教程(一贯存在有挂);1、红龙扑克透视辅助简单,红龙...
黑科技安卓版(微扑克模拟器)外... 黑科技安卓版(微扑克模拟器)外挂透视辅助神器(透视)黑科技教程(总是是真的有挂)1、完成微扑克模拟器...
黑科技教程(wepoke)黑科... 黑科技教程(wepoke)黑科技透明挂辅助插件(透视)AI教程(原来真的是有挂);1、wepokea...
黑科技系统(wEpOke)黑科... 黑科技系统(wEpOke)黑科技透明挂辅助插件(透视)攻略教程(果然真的是有挂)亲,关键说明,wEp...
黑科技插件(wEpOke)黑科... 黑科技插件(wEpOke)黑科技透明挂辅助器(透视)2025新版技巧(竟然存在有挂)1、下载好wEp...
黑科技软件(AAPOKEr)外... 黑科技软件(AAPOKEr)外挂辅助挂(透视)wpk教程(一贯真的有挂)1、完成AAPOKEr的残局...