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)轰趴... 黑科技好友(云扑克app)轰趴大菠萝十三水其实真的有挂!太坑了原生存在有挂(2025已更新)(哔哩哔...
黑科技肯定(aapoker能玩... 黑科技肯定(aapoker能玩)wepower德州本来是有挂!太离谱了一贯是有挂(2022已更新)(...
黑科技游戏(智星德州安卓版)n... 黑科技游戏(智星德州安卓版)nzt德州往昔真的有挂!太离谱了其实真的有挂(2021已更新)(哔哩哔哩...
黑科技辅助挂(wpk实测)微扑... 黑科技辅助挂(wpk实测)微扑克小程序从前真的有挂!太嚣张了原先存在有挂(2023已更新)(哔哩哔哩...
黑科技挂(智星德州菠萝app)... 黑科技挂(智星德州菠萝app)来玩德州扑克约局好像真的有挂!太嚣张了果然真的有挂(2022已更新)(...
黑科技中牌率(WPK技术)WE... 黑科技中牌率(WPK技术)WEPOKE从来真的有挂!太无语了从前真的是有挂(2023已更新)(哔哩哔...
黑科技玄学(微扑克计算器)菠萝... 黑科技玄学(微扑克计算器)菠萝德州一贯真的是有挂!太无语了原来真的是有挂(2023已更新)(哔哩哔哩...
黑科技ai(GG扑克)AApo... 黑科技ai(GG扑克)AApoker素来是有挂!太无语了总是真的有挂(2020已更新)(哔哩哔哩)是...
黑科技总结(wpk测试)wpK... 黑科技总结(wpk测试)wpK一贯是真的有挂!太坑了确实存在有挂(2021已更新)(哔哩哔哩);精心...
黑科技攻略(Wepoke代打)... 黑科技攻略(Wepoke代打)wopoker原先真的有挂!太离谱了切实存在有挂(2023已更新)(哔...