Hi! i’m using ionic and angular and i’m trying to crate a side-menu loading content from another component (page maybe?)… i will give you some exemple:
STANDARD FROM app.component:
<ion-app>
<ion-menu contentId="main-content" side="start">
<ion-header>
<ion-toolbar>
<ion-title>Menu</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<ion-menu-toggle auto-hide="false" *ngFor="let page of pages">
<ion-item [routerLink]="page.path" routerDirection="root" [class.active-menu]="activePath === page.path">
{{page.name}}
</ion-item>
</ion-menu-toggle>
</ion-list>
</ion-content>
</ion-menu>
<ion-router-outlet id="main-content" main></ion-router-outlet>
</ion-app>
i want to create something like:
app.component:
<ion-app>
<ion-menu contentId="main-content" side="start">
<app-side-menu></app-side-menu>
</ion-menu>
<ion-router-outlet id="main-content" main></ion-router-outlet>
</ion-app>
side-menu:
<ion-header>
<ion-toolbar>
<ion-title>Menu</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<ion-menu-toggle auto-hide="false" *ngFor="let page of pages">
<ion-item [routerLink]="page.path" routerDirection="root" [class.active-menu]="activePath === page.path">
{{page.name}}
</ion-item>
</ion-menu-toggle>
</ion-list>
</ion-content>
Is that possible? how can i route my app? thanks! (Sorry for my english)