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

相关内容

热门资讯

指导大家!wpk官网下载链接(... 指导大家!wpk官网下载链接(辅助挂)其实有挂(讲解有挂辅助工具)1、超多福利:超高返利,海量正版游...
教程攻略!pokerworld... 教程攻略!pokerworld软件(辅助挂)总是是真的有挂(确实有挂辅助插件)1、让任何用户在无需安...
安装程序教程!wpk透视插件(... 安装程序教程!wpk透视插件(辅助挂)竟然真的有挂(有挂方略辅助软件)1、玩家可以在线上大神俱乐部对...
推荐一款!wpk透视辅助靠谱吗... 推荐一款!wpk透视辅助靠谱吗(辅助挂)真是是有挂(有挂攻略辅助脚本)1、下载好透视辅助下载之后点击...
玩家科普!德普之星透视辅助插件... 玩家科普!德普之星透视辅助插件(辅助挂)好像有挂(的确有挂辅助app)该软件可以轻松地帮助玩家将外卦...
传递经验!wepokerplu... 传递经验!wepokerplus外挂(辅助挂)好像是真的有挂(有挂方略辅助app)1、打开软件启动之...
玩家爆料!hhpoker德州有... 玩家爆料!hhpoker德州有挂吗(辅助挂)一直真的有挂(有挂工具辅助教程)一、游戏安装教程牌型概率...
重大通报!fishpoker透... 重大通报!fishpoker透视底牌(辅助挂)切实是有挂(存在有挂辅助软件)1、用户打开应用后不用登...
一分钟揭秘!wepoker养号... 一分钟揭秘!wepoker养号规律(辅助挂)原来是真的有挂(有挂实锤辅助app)1、该软件可以轻松地...
最新技巧!newpoker怎么... 最新技巧!newpoker怎么安装脚本(辅助挂)好像真的有挂(有挂教学辅助方法)1、玩家可以在线上大...