Changing the username should effect in all other pages

I am using ionic4/angular4.the changes made to the username should reflect in all pages.

 <ion-input type="text" placeholder="Profile Name" [readonly]="isReadOnly" ngModel name="profile"
              #nameCtrl="ngModel" required minlength="3" pattern="^[A-Za-zÀ-ÿ ,.'-]+$" (focusout)="out_profile()" #name
              no-padding>
            </ion-input>

Do you have a question?

Then you should think about having a service that may handle the user’s data, and with observables emit changes that your pages/components may listen to when something changes, besides loading the data when the page is initialized.

https://angular.io/guide/observables