Angular Dropdown Change() 与 valueChanges.subscribe答案

【问题标题】：Angular Dropdown Change() vs valueChanges.subscribeAngular Dropdown Change() 与 valueChanges.subscribe
【发布时间】：2020-10-13 09:52:44
【问题描述】：

我有一个使用响应式表单构建的 Angular 表单。该表单包含 3 个选择元素。我想将值更改检测添加到一个下拉列表中，其他两个将根据第一个下拉列表的值进行相应更改。 Change() 和 valueChanges.subscribe 之间，哪个最好用，有什么区别。

【问题讨论】：

标签： angular angular-reactive-forms valuechangelistener

【解决方案1】：

它们本质上是相同的，每次下拉列表的值发生变化时，都会执行一个更改其他两个下拉列表值的函数。
valueChanges 是一个 Observable，您必须在以下位置取消订阅某个时间点，例如当组件被销毁时。

【讨论】：

【解决方案2】：

这取决于您的用例

如果您的列表包含自动完成或实时搜索来填充选项，我建议使用返回 observable 的 valueChanges。
如果它是一个简单的下拉列表，则使用更改事件代替它很简单，无需使用 valueChange 和处理取消订阅

【讨论】：

第一个选择框包含位置，其他选择框包含该位置的员工姓名。在这种情况下，使用简单（更改）事件会更好吗？