SHARE
TWEET

Untitled

a guest Nov 14th, 2017 53 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <ion-menu [content]="mycontent">
  2.  
  3.   <ion-content class="employee-menu">
  4.     <div class="profile-container" *ngIf="employee">
  5.       <div class="initial-circle">
  6.         <h1 class="light">{{employee.name | initialFormat }}</h1>
  7.       </div>
  8.       <ul class="bio">
  9.         <li class="semibold">{{employee.name}}</li>
  10.         <li class="light">Team Member Since: {{employee.start_date}}</li>
  11.         <li class="light">Home: {{ location }}</li>
  12.       </ul>
  13.     </div>
  14.     <div class="profile-container" *ngIf="!employee">
  15.       No employee found
  16.     </div>
  17.     <div class="menu-link-container">
  18.       <ion-list *ngFor="let page of menuPages" no-margin>
  19.         <button *ngIf="page.display" ion-item menuClose (click)="openPage(page)">
  20.           {{ page.title }}
  21.         </button>
  22.       </ion-list>
  23.     </div>
  24.  
  25.   </ion-content>
  26.  
  27. </ion-menu>
  28.  
  29. <ion-nav [root]="rootPage" #mycontent></ion-nav>
  30.    
  31. this.menuPages = [
  32.           { title: "Dashboard", component: ManagementDashboard, display: this.management_status },
  33.           { title: "Manager Checklist", component: ApprovalCardComponent, display: this.management_status },
  34.           { title: "Update Profile", component: UserComponent, display: true }
  35.         ]
  36.  
  37. openPage(page) {
  38.     this.menu.close();
  39.  
  40.     // outputs correctly
  41.     console.log(page.component)
  42.     this.modalCtrl.create(page.component, {
  43.  
  44. })
RAW Paste Data
Top