Guest User

Untitled

a guest
Dec 14th, 2017
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.30 KB | None | 0 0
  1. <ion-buttons end>
  2. <button ion-button clear (click)="toggleFilterSort()">
  3. <i class="fa fa-ellipsis-v fa-fw" aria-hidden="true"></i>
  4. </button>
  5. </ion-buttons>
  6.  
  7. toggleFilterSort() {
  8. this.viewCtrl.getContent().scrollTo(0, 0);
  9. let toggle = this.popoverCtrl.create(
  10. ToggleModel,
  11. {toggleMenu: this.toggleMenu},
  12. {
  13. cssClass: 'oFilter',
  14. enableBackdropDismiss: true,
  15. showBackdrop: true
  16. }
  17. );
  18. toggle.onDidDismiss(data=>{
  19. if(data != null && data.toggleMenu) {
  20. this.toggleMenu = data.toggleMenu;
  21. }
  22. });
  23. console.log(this.toggleMenu);
  24. }
  25.  
  26. <div [ngClass]="{toggles: true}">
  27. <ion-list radio-group [(ngModel)]="toggleMenu" (ionChange)="fSelect()">
  28. <ion-item>
  29. <ion-label><div class="toggleMenu-item">Filter</div></ion-label>
  30. <ion-radio value="filter" (ionSelect)="toggleMenu='filter'"></ion-radio>
  31. </ion-item>
  32.  
  33. <ion-item>
  34. <ion-label><div class="toggleMenu-item">Sort</div></ion-label>
  35. <ion-radio value="sort" (ionSelect)="toggleMenu='sort'" ></ion-radio>
  36. </ion-item>
  37. </ion-list>
  38. </div>
Add Comment
Please, Sign In to add comment