Angular - Исправить выбранное значение в раскрывающемся списке «Выбор», только если оно совпадает

Question

Я хочу исправить значение для раскрывающегося списка <select> в Реактивной форме с соответствующим значением.

Однако, если соответствующее значение отсутствует, <select> должно быть пустым или показывать выбор по умолчанию как ' Выберите значение ', что не должно делать форму действительной.

Удачный сценарий получения значения работает, но когда значение не совпадает, первый выбранный список отображается в списке, и форма становится действительный.

index. html

<div class="form-group" *ngIf="{port: port$ | async} as _port$">
    <label for="country">Country</label>
    <select [attr.disabled]="!_port$.port?.length > 0 ? 'disabled' : null" id="country" formControlName="countryCode"
            class="form-control form-control-lg">
      <option disabled value="null">Enter Country type</option>
      <option *ngFor="let type of _port$.port"
              [value]="type.code" [selected]="type.code == countryCode ">{{type.label}}</option>
    </select>
  </div>

index.ts

this.form.controls[fieldName].patchValue(value);

пример ответ json

port$ = [{
        "code": "1",
        "label": "YEMEN"
      },
      {
        " code ": "2",
        " label ": "ZAMBIA"
      },
      {
        " code ": "3",
        " label ": "ZIMBABWE"
      }]