Angular 角度<；选择>；获取下拉列表中不存在的选定值

HTML-

我想在开始时在我的选择输入字段中获取一个值，即我从myDetails（）接收到的值，并使用下拉列表更改我从selectRegion（regionId）接收到的数组中的值。我们怎么能做到呢？我几乎什么都试过了

我从myDetails（）收到的值在城市数组中不存在，这就是我面临此问题的原因。但是我从myDetails（）收到的值没有修补。也尝试了setValue，但没有成功

<select 
            [ngClass]="{'error-control': !myForm.get('city').valid &&  myForm.get('city').touched}"
            id="city" type="text" placeholder="City" formControlName="city">
            <option value="" disabled selected hidden>City</option>
            <option *ngFor="let city of cities" [value]="city.city">
              {{city.city}}</option>
          </select>

**//From here I get city array.**
selectRegion(regionId): void {
    this.selectedRegion = this.regions.filter((m) => m.region_id === parseInt(regionId)).map(x => x.region)[0];
    this.service.getCityByRegion(regionId)
    .subscribe((res: any) => {
      this.cities = res.body.data;
    });
  }

**//Here I patched the value**
 myDetails() {
    this.service.getsDetails(this.doctorId)
      .subscribe((res: any) => {
        this.data = res.body.data;
        this.myForm.patchValue({ city: this.data.user_profile.address.city });
}