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

Question

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

题

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

Answer 1

如果我很了解您的需求，您必须onChange在国家/地区下拉列表中设置事件。此事件将调用一个方法，该方法将disabled根据所选国家/地区触发种姓下拉列表中的属性。如果国家不是印度，它还会在此下拉列表中选择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

是你要找的吗？