Я использую добавляемое поле ввода ... и хочу привязать добавляемый текст, который является кодом страны

Question

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

<div class="col-sm-6 col-lg-4 floating-label form-group">
  <div class="input-group-append Country-code-prepend">
    <div
      class="custom custom-append"
      *ngFor="let code of _sharedService._commonMeta.Countries | filter: serviceCenterObj.CountryID : 'CountryID'">
      {{code.CountryCode}}
    </div>
  </div>
  <input
    type="text"
    placeholder=" "
    class="floating-input form-control phone-number-prepend"
    name="phone"
    [(ngModel)]="serviceCenterObj.ContactPhone"
    maxlength="18"
    onkeypress="return (event.charCode == 8 || event.charCode == 0) ? null : event.charCode >= 46 && event.charCode != 47 && event.charCode <= 57"
  />
  <span class="highlight"></span>
  <label class="input-label text-prepend">Phone</label>
</div>