andersonmfjr

Preferences - Travlendar

Nov 21st, 2017
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*A minha ideia é colocar 'null' na property se o checked for true e se for false colocar a string com o nome do transporte legível para o google maps ('DRIVING', 'TRANSIT', etc...)
  2. Mas como o itemReorder do ionic (estou usando isso para definir as prioridades, quem ta na frente da lista tem mais importância) reordena os índices os objetos do array eu não estou conseguindo fazer isso...
  3.  
  4. O ionic usa um evento chamado '(ionChange)' que ocorre toda vez que o Toggle muda de estado, desse jeito eu iria verificar se o 'checked' era true or false e atribuir o devido nome a property, mas não estou conseguindo devido ao problema que expliquei ali em cima...*/
  5.  
  6. items = [{
  7.       name: 'Car',
  8.       property: 'DRIVING',
  9.       checked: true
  10.     },
  11.     {
  12.       name: 'Bus or train',
  13.       property: 'TRANSIT',
  14.       checked: true
  15.     },
  16.     {
  17.       name: 'Bike',
  18.       property: 'BIKE',
  19.       checked: true
  20.     },
  21.     {
  22.       name: 'Walk',
  23.       property: 'WALK',
  24.       checked: true
  25.     }
  26. ];
  27.  
  28. //Função padrão do ionic para reordenar os itens
  29. reorderItems(indexes) {
  30.   this.items = reorderArray(this.items, indexes);
  31. }
  32.  
  33. //Função que não estou sabendo fazer
  34. onChange() {
  35.   console.log(this.items);
  36. }
  37.  
  38. //Card que estou usando para definir o visual da tela
  39. <ion-card>
  40.   <ion-card-header color="light">
  41.     Priority (drag and drop)
  42.   </ion-card-header>
  43.   <ion-list reorder="true" (ionItemReorder)="$event.applyTo(items)" side="start">
  44.     <ion-item *ngFor="let item of items">
  45.           {{item.name}}
  46.       <ion-label>
  47.           {{item.name}}
  48.       </ion-label>
  49.       <ion-toggle (ionChange)="onChange()"></ion-toggle>
  50.     </ion-item>
  51.   </ion-list>
  52. </ion-card>
Advertisement
Add Comment
Please, Sign In to add comment