Angular在Input()变化时不会重新渲染 _程序开发

创始人

2024-10-30 20:00:59

0次

使用 ngOnChanges

当使用 @Input() 装饰器时，Angular 只会检测输入属性的引用，如果引用没有改变，那么就不会重新渲染。为了使Angular能够在输入属性变化时重新渲染组件，可以使用 ngOnChanges 生命周期钩子。

例如，在下面的示例中，组件中有一个输入属性 name，如果该属性的值发生变化，组件将会重新渲染：

@Component({ selector: 'app-my-component', template: '

My name is {{name}}

' }) export class MyComponent implements OnChanges { @Input() name: string;

ngOnChanges(changes: SimpleChanges) { console.log(changes); } }

在这个例子中，ngOnChanges 实现了接受从 Angular 传递来的改变对象。这个对象包含当前输入属性的值和前一个输入属性的值，以及关于这些变化的其他元数据。

当输入属性变化时，ngOnChanges 会被调用，并根据需要更新组件的状态。这个方法的实现可以根据组件的需要来改变。

透视辅助！德州局怎么透视，aa... 透视辅助！德州局怎么透视，aapoker ai插件，模板教程（有挂辅助）-哔哩哔哩1、很好的工具软件...

透视肯定！wpk透视是真的假的... 透视肯定！wpk透视是真的假的，德州局怎么透视，窍要教程（的确有挂）-哔哩哔哩1、wpk透视是真的假...

透视智能ai！wepokerp... 透视智能ai！wepokerplus脚本，wepoker怎么获得好牌，攻略教程（有挂技巧）-哔哩哔哩...

透视系统！德州局透视脚本下载安... 透视系统！德州局透视脚本下载安装最新版本，wpk安卓下载辅助，课程教程（有挂教学）-哔哩哔哩1、下载...

透视辅助！德普之星透视辅助软件... 透视辅助！德普之星透视辅助软件是真的吗，wepoker底牌透视，妙计教程（有挂方针）-哔哩哔哩1、这...

透视真的！hhpoker辅助靠... 透视真的！hhpoker辅助靠谱吗，pokerworld破解版下载，讲义教程（有挂方针）-哔哩哔哩1...

透视脚本！aapoker辅助工... 透视脚本！aapoker辅助工具安全吗，hhpoker视频巡查真的假的，练习教程（揭秘有挂）-哔哩哔...

透视黑科技！来玩德州破解器，w... 透视黑科技！来玩德州破解器，we-poker软件，诀窍教程（今日头条）-哔哩哔哩1、玩家可以在来玩德...

透视肯定！拱趴大菠萝开挂方法，... 透视肯定！拱趴大菠萝开挂方法，hhpoker透视脚本下载，项目教程（有挂教学）-哔哩哔哩运拱趴大菠萝...

透视攻略！wepoker辅助器... 透视攻略！wepoker辅助器软件下载，we poker游戏下，教程书教程（有挂透明挂）-哔哩哔哩进...