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

相关内容

热门资讯

透视软件!aapoker透视插... 透视软件!aapoker透视插件,hh poker透视器下载,2025新版教程(一向存在有挂);原来...
透视好友!wepoker透视,... 透视好友!wepoker透视,德普之星怎么作弊,分享认知(有挂攻略);人气非常高,ai更新快且高清可...
透视软件!德普之星辅助器app... 透视软件!德普之星辅助器app,德朴之星脚本,揭秘一下(有挂教学)1、德普之星辅助器appai机器人...
透视美元局!wepoker透视... 透视美元局!wepoker透视版下载,wejoker免费脚本,必备教程(确实存在有挂);一、wepo...
透视安卓版!wepoker辅助... 透视安卓版!wepoker辅助透视软件,wepoker脚本下载,大家学习交流(有挂技巧)是一款可以让...
透视插件!aapoker透视脚... 透视插件!aapoker透视脚本下载,wpk私人辅助,揭秘攻略(先前是真的有挂) 科技详细教程;Q群...
透视了解!hhpoker透视脚... 透视了解!hhpoker透视脚本下载,aapoker辅助是真的吗,科技通报(有挂技巧)1)hhpok...
透视能赢!德普之星透视辅助软件... 1、透视能赢!德普之星透视辅助软件是真的吗,wepoker免费透视脚本,解密教程(竟然是真的有挂);...
透视中牌率!wepoker底牌... 透视中牌率!wepoker底牌透视脚本http,aapoker辅助工具存在吗,发现一款(有挂教学)1...
透视软件!wpk辅助购买,德普... 透视软件!wpk辅助购买,德普之星辅助工具如何设置,实用技巧(原来真的是有挂);wpk辅助购买是一款...