Использование ion-select-option, если пользователь выбрал «other», не может получить значение

Question

Я создал опцию ионного выбора, если пользователь выбирает «другое», у меня есть * ngIf, который отображает ионный вход, чтобы позволить пользователю уточнить другой ответ.

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

html:

  <ion-item>
    <ion-label>Question :</ion-label>
      <ion-select [(ngModel)]="userType">
        <ion-select-option *ngFor="let rep of Response1" [value]="rep.value" [innerHTML]="rep.value">
        </ion-select-option>
      </ion-select>
  </ion-item>

  <ion-item *ngIf="userType == 'otherOptionValue'">
    <ion-label>Other : </ion-label>
      <ion-input  type="text">
      </ion-input>
  </ion-item>

  <ion-button (click)='onSave()'>
    Save
  </ion-button>

.ts

  Response1 = [
   {value: 'test'},
   {value: 'otherOptionValue'}
  ];

  userType;

  onSave() {
    console.log(this.userType);
  }

Поэтому, когда я выбираю 'test', я консоль.log test, но если я выбираю 'otherOptionValue', яconsole.log также 'otherOptionValue', но я хотел бы console.log ввести значение пользователя.