Multiple role homepages best practices

Hi,

I am creating an app with multiple roles such as the patient, doctor, secretary etc on Ionic 2. After login, we need to redirect every user to their respective home pages.

Currently, I have created a single page home and created multiple components like doctor-home, patient-home etc. And in the home.html file I have conditionally displayed one of the components.

<ion-header></ion-header>
<ion-content>
  <doctor-home *ngIf="role == 'doctor'"></doctor-home>
  <patient-home *ngIf="role == 'patient'"></patient-home>
</ion-content>

The problem here is that I can’t use different footer for each role if required.

Should I just create multiple pages and redirect to them based on their role?

Just want the best way to do it.

Thank you