angular5 - 根据选择另一个 p-dropdown PrimeNG 禁用 p-dropdown

Question

我在我的 angular 应用程序中使用 PrimeNG，我有 p-dropdown 的问题

问题

我为 country 和 caste_category 有两个下拉菜单，我只为 India 提供 caste_reservation ，如果选择其他国家/地区，则需要选择 caste_category 的 OPEN 选项并禁用该下拉菜单。

Answer 1

如果我很了解您的需求，您必须设置 onChange国家下拉事件。此事件将调用将触发 disabled 的方法种姓下拉列表中的属性(property)取决于所选的国家/地区。如果国家不是印度，它还会在此下拉列表中选择 OPEN 选项。

HTML

<p-dropdown [options]="countries" [(ngModel)]="applicant.country" (onChange)="updateCountry()"></p-dropdown>

<p-dropdown [options]="castes" [(ngModel)]="caste" [disabled]="disableCasteDropdown"></p-dropdown>

TS

updateCountry() {
     if(this.applicant.country!=='India') {
       this.disableCasteDropdown = true;
       this.caste = 'o';
     } else {
       this.disableCasteDropdown = false;
       this.caste = null;
     }
}

见 Plunker

是你要找的吗？