如何检测@Input()值在Angular2中何时更改

发布时间：2020-12-17 08:31:27 所属栏目：安全来源：网络整理

导读：我有一个父组件(CategoryComponent)，一个子组件(videoListComponent)和一个ApiService。我有大部分工作正常，即每个组件可以访问json api，并通过observables获取其相关数据。目前视频列表组件只是获取所有视频，我想过滤这只是特定类别的视频，我实现了

我有一个父组件(CategoryComponent)，一个子组件(videoListComponent)和一个ApiService。

我有大部分工作正常，即每个组件可以访问json api，并通过observables获取其相关数据。

目前视频列表组件只是获取所有视频，我想过滤这只是特定类别的视频，我实现了这一点通过@Input()传递categoryId给孩子。

CategoryComponent.html

<video-list *ngIf="category" [categoryId]="category.id"></video-list>

这工作，当父类CategoryComponent类别更改，然后categoryId值通过@Input()传递，但我需要检测这个在VideoListComponent和重新请求视频数组通过APIService(与新的categoryId)。

在angular1我会做一个$ watch的变量。什么是最好的办法来处理这个？

在组件中使用ngOnChanges()生命周期方法。

ngOnChanges is called right after the data-bound properties have been
checked and before view and content children are checked if at least
one of them has changed.

这里是Docs。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!