Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*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...)
- 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...
- 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...*/
- items = [{
- name: 'Car',
- property: 'DRIVING',
- checked: true
- },
- {
- name: 'Bus or train',
- property: 'TRANSIT',
- checked: true
- },
- {
- name: 'Bike',
- property: 'BIKE',
- checked: true
- },
- {
- name: 'Walk',
- property: 'WALK',
- checked: true
- }
- ];
- //Função padrão do ionic para reordenar os itens
- reorderItems(indexes) {
- this.items = reorderArray(this.items, indexes);
- }
- //Função que não estou sabendo fazer
- onChange() {
- console.log(this.items);
- }
- //Card que estou usando para definir o visual da tela
- <ion-card>
- <ion-card-header color="light">
- Priority (drag and drop)
- </ion-card-header>
- <ion-list reorder="true" (ionItemReorder)="$event.applyTo(items)" side="start">
- <ion-item *ngFor="let item of items">
- {{item.name}}
- <ion-label>
- {{item.name}}
- </ion-label>
- <ion-toggle (ionChange)="onChange()"></ion-toggle>
- </ion-item>
- </ion-list>
- </ion-card>
Advertisement
Add Comment
Please, Sign In to add comment