Retrieve the input value right after you set value IONIC 7

 <ion-item lines=”full”>

              <ion-label position=”floating”>First name</ion-label>

              <ion-input type=”text” required formControlName=”first_name” id=”first_name” (ionInput)=”runTimeChange($event)”></ion-input>

            </ion-item>

            <ion-item lines=”full”>

              <ion-label position=”floating”>Last name</ion-label>

              <ion-input type=”text” required formControlName=”last_name” id=”last_name” (ionInput)=”runTimeChange($event)”></ion-input>

            </ion-item>

          </ion-list>

<div class=”personal-details”>

        <p>

          <span class=”label”>First Name:</span>

        <span class=”data”>{{fieldobj.first_name}}</span>

        </p>

        <p>

          <span class=”label”>Last Name:</span>

          <span class=”data”>{{fieldobj.last_name}}</span>

        </p>

</div>

fieldobj:any=[];
  runTimeChange(ev: any,){
//this.fieldobj[ev.target.name]=ev.target.value;

this.fieldobj[ev.target.id]=ev.target.value;

console.log(this.fieldobj);
  }