2

Lo que he buscado es como agregar un componente a un sidemenu en ionic con Angular, he buscado pero no se muestra correctamente.

He importando el componente en mi app.module.ts.

Esto es lo que tengo en mi app.component.ts:

import { Component } from '@angular/core';
import {DashboardComponent} from '../app/components/dashboard/dashboard.component';
@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.scss'],
})
export class AppComponent {
  public appPages = [
    { title: 'Dashboard', url: '/folder/Dashboard' , component: DashboardComponent , icon: 'mail' },
    // { title: 'Outbox', url: '/folder/Outbox', icon: 'paper-plane' },
    // { title: 'Favorites', url: '/folder/Favorites', icon: 'heart' },
    // { title: 'Archived', url: '/folder/Archived', icon: 'archive' },
    // { title: 'Trash', url: '/folder/Trash', icon: 'trash' },
    // { title: 'Spam', url: '/folder/Spam', icon: 'warning' },
  ];
  constructor() {}
}

Esto en folder-routing.module.ts:

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { FolderPage } from './folder.page';
import { DashboardComponent } from '../components/dashboard/dashboard.component';

const routes: Routes = [
  {
    path: '',
    component: FolderPage
  },
  {
    path: '/folder/Dashboard',
    component: DashboardComponent
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
})
export class FolderPageRoutingModule {}

Pero lo único que logro mostrar es esto:

introducir la descripción de la imagen aquí

Y en mi componente solo tengo el contenido generado por default.

Intente seguir el siguiente post, pero igual no me mostraba:

https://stackoverflow.com/questions/43136637/add-pages-to-sidemenu-of-side-menu-project-template

Quité el componente y agregué páginas.

1 respuesta 1

0

parece que estas corriendo con

ng serve

no te preocupes, suele suceder, recién antier lo estaba corriendo con ng serve y tengo más de 4 años usando Ionic y no se te están ejecutando los módulos de ionic entonces debes correr con

ionic serve

y se abrirá en el localhost:8100

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.