如何在组合两个Angular下拉菜单时隐藏下拉菜单中的特定选项

Question

我有一个名为国家/地区]的下拉列表，它具有3个值“印度，中国，澳大利亚”]，我有一个名为位置的下拉列表具有< [3值是“应用程序开发人员，应用程序开发人员-WW，应用程序开发人员-GEO”。我想

当国家/地区不是印度时，显示第二个下拉菜单的所有3个值。

对于

印度，它仅应显示应用程序开发人员

<mat-form-field class="no-bord">
                                            <mat-select [ngClass]="isValidCountry?'sb-push-unread':'sb-push-read'" id="country" tabindex="21" (ngModelChange)="onChangeCountry($event)" name="country_code" [(ngModel)]="requestData.country_code" class="form-control form-control-cust">
                                                <mat-option value="" selected>Select Physical Country</mat-option>
                                                <mat-option *ngFor="let ele of geocountry" [value]="ele.country_id">{{ele.country_name}}</mat-option>
                                            </mat-select>
                                        </mat-form-field>


    <mat-form-field class="no-bord">
                                            <mat-select [ngClass]="isValidjobrole?'sb-push-unread':'sb-push-read'" #offr="ngModel" tabindex="17" class="form-control form-control-cust offering" (ngModelChange)="onChangeJobrole($event)" name="job_role" [(ngModel)]="requestData.job_role">
                                                <mat-option value="" selected>Select Job Role</mat-option>
                                                <mat-option *ngFor="let ele of jobrole" [value]="ele.JOB_ROLE_ID">{{ele.JOB_ROLE_NAME}}</mat-option>
                                            </mat-select>
                                        </mat-form-field>

我的ts文件在下面：

我有一个下拉列表，名为country，具有3个值“印度，中国，澳大利亚”，而我的下拉列表中则具有3个值，分别为“ application developer，application developer- WW，application ...

Answer 1

您可以在此处找到工作示例... StackBlitz Link