Skip to content

Instantly share code, notes, and snippets.

@DWS-paris
Created December 6, 2016 14:53
Show Gist options
  • Save DWS-paris/ddd6f969b913a591a0286574e6a8796a to your computer and use it in GitHub Desktop.
Save DWS-paris/ddd6f969b913a591a0286574e6a8796a to your computer and use it in GitHub Desktop.
Affichage des routes dans la vue du composant principal #ionic2
<!-- Utilisation de la directive pour créer un burger menu / https://goo.gl/YnrqgP -->
<ion-menu [content]="content">
<!-- Utilisation de la directive pour créer le header du burger menu -->
<ion-header>
<ion-toolbar>
<ion-title>Menu</ion-title>
</ion-toolbar>
</ion-header>
<!-- Utilisation de la directive pour afficher le contenu du burger menu / https://goo.gl/YnrqgP -->
<ion-content>
<!-- Utilisation de la directive permettant de générer des listes / https://goo.gl/knE6Rx -->
<ion-list>
<!-- Boucle for...of sur une collection de données /https://goo.gl/aZ9KPu -->
<button ion-item *ngFor="let page of pagesList" (click)="openPage(page)">
{{page.title}}
</button>
</ion-list>
</ion-content>
</ion-menu>
<!-- Utilisation de la directive pour afficher les vues de différentes routes / https://goo.gl/PAHKZR -->
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment