输入框的Angular 8 dependent下拉列表

在Angular 8中创建一个依赖下拉列表（dependent dropdown）可以通过以下步骤实现：

安装必要的依赖：确保你的Angular项目中已经安装了必要的依赖，包括Angular Forms模块。
创建父级下拉列表：在你的组件模板中，创建一个父级下拉列表，用于选择依赖项的值。例如：

<select [(ngModel)]="selectedParentValue" (change)="onParentValueChange()">
  <option *ngFor="let parent of parentValues" [value]="parent.id">{{ parent.name }}</option>
</select>

创建子级下拉列表：在同一个组件模板中，创建一个子级下拉列表，用于根据父级下拉列表的选择显示相应的选项。例如：

<select [(ngModel)]="selectedChildValue">
  <option *ngFor="let child of getChildValues()" [value]="child.id">{{ child.name }}</option>
</select>

处理父级下拉列表的变化事件：在组件类中，实现一个方法来处理父级下拉列表的变化事件，并更新子级下拉列表的选项。例如：

onParentValueChange() {
  // 根据父级下拉列表的选择，更新子级下拉列表的选项
  this.selectedChildValue = null; // 重置子级下拉列表的选择
}

getChildValues() {
  // 根据父级下拉列表的选择，返回相应的子级选项
  // 可以根据selectedParentValue的值从数据源中过滤和获取子级选项
  // 返回一个包含子级选项的数组
  // 例如：return this.childValues.filter(child => child.parentId === this.selectedParentValue);
}

在上述示例中，父级下拉列表使用ngModel指令绑定到组件类中的selectedParentValue属性，子级下拉列表使用ngModel指令绑定到selectedChildValue属性。当父级下拉列表的值发生变化时，会触发onParentValueChange()方法，你可以在该方法中更新子级下拉列表的选项。