首页 > 解决方案 > 关于更改事件的 Angular [ngClass]

问题描述

在反应形式中,我有一个下拉列表,在更改时会加载另一个下拉列表并选择其中一个值作为默认值。

它用:

(change)="onClienteChange($event)"

这样做并且效果很好。

在另一个表单控件上,我想根据前面提到的下拉列表中选择的内容隐藏/显示。我已经把这个其他表单控件:

[ngClass]="{
           'd-none': f.formcomponentchanged.value !== '1'
            }"

在哪里

'd-none' = 显示的引导类:无!重要

f.formcomponentchanged.value = f 是一个返回所有formGroup组件的getter,所以我可以检查值

现在,如果我手动更改下拉菜单,它可以正常工作并隐藏并正确显示控件。

如果我更改第一个下拉值,另一个将正确重新加载并选择一个新值,但 [ngClass] 不会触发和更改。

怎么做?

标签: angularbinding

解决方案


推荐阅读