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 会被调用，并根据需要更新组件的状态。这个方法的实现可以根据组件的需要来改变。

重大来袭透视器脚本!边锋cr在... 重大来袭透视器脚本!边锋cr在线多功能透视器脚本，边锋cr在线原来有透视器脚本1、每一步都需要思考，...

2024教程作弊器工具!抚顺麻... 2024教程作弊器工具!抚顺麻将多功能作弊器工具，抚顺麻将一直存在有作弊器工具1、抚顺麻将有没有辅助...

教程辅助作弊器工具!吉祥麻将多... 教程辅助作弊器工具!吉祥麻将多功能作弊器工具，吉祥麻将原来是真的有作弊器工具吉祥麻将脚本下载中分为三...

总算清楚透视挂方法!悟空竞技麻... 总算清楚透视挂方法!悟空竞技麻将多功能透视挂方法，悟空竞技麻将竟然是真的有透视挂方法；1、全新机制【...

揭秘关于作弊器插件!趣玩齐齐哈... 揭秘关于作弊器插件!趣玩齐齐哈尔多功能作弊器插件，趣玩齐齐哈尔切实真的是有作弊器插件1、这是跨平台的...

盘点一款开挂方法!边锋老友棋牌... 盘点一款开挂方法!边锋老友棋牌多功能开挂方法，边锋老友棋牌其实是真的有开挂方法边锋老友棋牌能透视中分...

专业讨论辅助工具!悠悠广东麻将... 专业讨论辅助工具!悠悠广东麻将多功能辅助工具，悠悠广东麻将都是真的有辅助工具1）悠悠广东麻将有没有挂...

如何分辨真伪作弊器软件!打哈儿... 如何分辨真伪作弊器软件!打哈儿麻将多功能作弊器软件，打哈儿麻将切实存在有作弊器软件；1、实时打哈儿麻...

详细说明外挂攻略!家乡鹤游多功... 详细说明外挂攻略!家乡鹤游多功能外挂攻略，家乡鹤游其实真的是有外挂攻略1、金币登录送、破产送、升级送...

专业讨论开挂技巧!无锡麻将多功... 专业讨论开挂技巧!无锡麻将多功能开挂技巧，无锡麻将果然是有开挂技巧亲，关键说明，无锡麻将透视脚本安卓...