Angular 8 Select 选项属性绑定

Question

我有一个像这样的 Select 选项.. 在这个下拉列表中，我调用 api 只是为了获取一些数据

<div class="mb-frm_l frm_r">
            <div class="dropdown inputs">
              <select
                [ngClass]="{
                  error:
                    billingForm.controls.selectDistrict.errors?.required &&
                    ((billingForm.controls['selectDistrict'].dirty &&
                      billingForm.controls['selectDistrict'].touched) ||
                      billingForm.controls['selectDistrict'].errors
                        .isValidString)
                }"
                formControlName="selectDistrict"
                id="selectDistrict"
                (focus)="onFocus()"
                (blur)="onBlur()"
                (change)="getCityList($event.target.value)" // here i want to pass the District name
              >
                <option value="">Select District</option>
                <option
                  *ngFor="let district of districtList"
                  [attr.district-id]="district.district_id"
                  [value]="district.district_id"
                >
                  {{ district.district }}
                </option>
              </select>
              <div
                *ngIf="
                  billingForm.controls['selectDistrict'].invalid &&
                  billingForm.controls['selectDistrict'].dirty &&
                  billingForm.controls['selectDistrict'].touched
                "
                class="error_txt"
              >
                Please select state
              </div>
            </div>
          </div>

在这里，我在getCityList($event.target.value)中传递选定的value

因为我希望district.district也在我的 ts 文件中

我的问题是我怎样才能在这里传递district.district的值？？？

谢谢！

Answer 1

您需要在 getCityList 中进行简单查找。 由于您没有提供代码，我编造了一些东西：

getCityList($event.target.value): void {
    const value = '';
    const district = this.districtList.find((d) => d.district_id === $event.target.value);
    if (district) {
        value = district.district;
    }
}

Answer 2

• 将您的选项标签[value]="district.district_id"更改为[value]="district"
• 然后您的(change)="getCityList($event.target.value)"将返回选定的区域 object。 然后你可以访问任何你想要的属性