Routing estructurado. Discoteca se muestra sobre tab1 y es un child route. Pero solo se carga después de refrescar.

src/app/perfil-discoteca/perfil-discoteca-routing.module.ts

@@ -1,13 +1,17 @@
 import { NgModule } from '@angular/core';
-import { Routes, RouterModule } from '@angular/router';
-
+import { Routes, RouterModule, ChildrenOutletContexts } from '@angular/router';
 import { PerfilDiscotecaPage } from './perfil-discoteca.page';
+import { PromptEventoPage} from '../prompt-evento/prompt-evento.page'
 
 const routes: Routes = [
   {
     path: '',
-    component: PerfilDiscotecaPage
-  }
+    component: PerfilDiscotecaPage,
+
+  },
+
+
+ 
 ];
 
 @NgModule({

src/app/perfil-discoteca/perfil-discoteca.module.ts

@@ -1,19 +1,22 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
-
 import { IonicModule } from '@ionic/angular';
-
 import { PerfilDiscotecaPageRoutingModule } from './perfil-discoteca-routing.module';
-
 import { PerfilDiscotecaPage } from './perfil-discoteca.page';
+import { ExploreContainerComponentModule } from '../explore-container/explore-container.module';
 
 @NgModule({
   imports: [
     CommonModule,
     FormsModule,
     IonicModule,
-    PerfilDiscotecaPageRoutingModule
+    PerfilDiscotecaPageRoutingModule,
+    ExploreContainerComponentModule,
+  ],
+
+  exports: [
+      PerfilDiscotecaPage
   ],
   declarations: [PerfilDiscotecaPage]
 })

src/app/perfil-discoteca/perfil-discoteca.page.html

@@ -1,6 +1,8 @@
-<ion-header>
+<ion-header [translucent]="true">
   <ion-toolbar>
-    <ion-title>Mi Perfil</ion-title>
+    <ion-title>
+      Mi Perfil
+    </ion-title>
   </ion-toolbar>
 </ion-header>
 
@@ -15,7 +17,6 @@
     <div class='fotoPerfil'>
       <ion-row>
         <ion-col>
-
           <ion-img class="fotoPerfil" width="100%" height="100%" [src]='fotoSrc' alt='barraquinha'></ion-img>
           <div class="textoPie">{{nombre}}</div>
 
@@ -87,4 +88,4 @@
 
   </ion-grid>
 
-</ion-content>
+</ion-content>

src/app/perfil-discoteca/perfil-discoteca.page.scss

@@ -0,0 +1,65 @@
+:root {--ion-background-color: #494949;
+    --ion-background-color-rgb: 73,73,73;
+    
+    --ion-text-color: #eeeeee;
+    --ion-text-color-rgb: 238,238,238;}
+    
+    *{
+      padding: 5px;
+      letter-spacing: 2px;
+    }
+    .titulo{
+      font: "arial";
+    
+    }
+    .fotoPerfil{
+        display: block;
+        text-align: end;
+        max-width: 800px;
+        max-height: auto;
+        margin: auto;
+    }
+    
+    .textoPie{
+      position: relative;
+      bottom: 40px;
+      right: 20px;
+      float: right;
+    }
+    
+    .addFoto{
+      position: relative;
+      float: left;
+    }
+    
+    .datosDisplay{
+    
+        float: left;
+        position: relative;
+        margin: auto;
+        
+    }
+    
+    .datosLabel{
+        color: grey;
+    }
+    
+    .galeria{
+      
+        display: block;
+        max-width: 300px;
+        max-height: auto;
+        margin: auto;
+    }
+    
+    .botonesHidden{
+        display: none;
+    }
+    
+    .botonesVisible{
+      display: none;
+    }
+    
+    ion-slides {
+      height: 100%;
+    }

src/app/perfil-discoteca/perfil-discoteca.page.ts

@@ -7,6 +7,7 @@ import { AlertController } from '@ionic/angular';
 import { ViewChild } from '@angular/core';
 import { Evento } from '../evento';
 import { Router } from '@angular/router';
+import { THIS_EXPR } from '@angular/compiler/src/output/output_ast';
 
 @Component({
   selector: 'app-perfil-discoteca',
@@ -160,7 +161,7 @@ export class PerfilDiscotecaPage implements OnInit {
 } 
 
 addEvento() {
-  this.router.navigate(['prompt-evento']);
+  this.router.navigate(['/tabs/tab1/tab1/prompt-evento']);
 }
 }