Criando Componente Accordion List com Ionic 3

1. 

   Jefferson

   novembro 09, 10:53 Reply

   Oii,bom dia , como faço pra usar em minha pagina já criada ? é só copiar os elemetos e cola ?
   • 

     dany

     agosto 21, 17:36 Reply

     sim.
2. 

   GabrielSilva

   maio 23, 17:08 Reply

   Olá. Eu gostaria de saber se há a possibilidade de criar uma List dentro da Accordion List explicada. Tentei implementar, porém a altura do expandable component está fixa. Além disso, tento selecionar o subitem da lista porém ela apenas retrai, não dando push na página que eu gostaria que aparecesse...
3. 

   Dudu

   maio 28, 12:49 Reply

   Amigo, boa tarde. Deu certo a implementação conforme seu tutorial, porém inseri um novo button que abre um modal dentro do button que faz o expand, e ele nao funciona (fica com a propriedade do expand). Tem ideia de como resolver?  Legislação
   • 

     Paulo Rogério

     junho 01, 08:12 Reply

     Só olhando seu código para identificar o problema.
4. 

   Silvair L. Soares

   outubro 16, 22:23 Reply

   Quando tento abrir uma página onde utilizo o componente, recebo o seguinte erro no console: Can't bind to 'expandHeight' since it isn't a known property of 'expandable'. Código do meu componente: import { Component, Input, ViewChild, ElementRef, Renderer } from '@angular/core'; @Component({ selector: 'expandable', templateUrl: 'expandable.html' }) export class ExpandableComponent { @ViewChild('expandWrapper', {read: ElementRef}) expandWrapper; @Input('expanded') expanded; @Input('expandHeight') expandHeight; constructor(public renderer: Renderer) { } ngAfterViewInit(){ this.renderer.setElementStyle(this.expandWrapper.nativeElement, 'height', this.expandHeight + 'px'); } } Código da pagina onde uso o componente: ts: import { ClienteModel } from './../../model/ClienteModel'; import { ClienteProvider } from '../../providers/cliente/ClienteProvider'; import { Component } from '@angular/core'; import { IonicPage, NavController, NavParams, ToastController } from 'ionic-angular'; import { Storage } from '@ionic/storage'; import { TranslatorProvider } from '../../providers/translator/translator'; import { ExpandableComponent } from '../../components/expandable/expandable' @IonicPage() @Component({ selector: 'page-cliente', templateUrl: 'cliente.html', }) export class ClientePage { model: ClienteModel; public str: any; items: any = []; itemExpandHeight: number = 100; constructor(public translatorProvider: TranslatorProvider, public navCtrl: NavController, public navParams: NavParams, private toast: ToastController, private clienteProvider: ClienteProvider, public storage: Storage) { this.model = new ClienteModel(); if (this.navParams.data.id) { this.clienteProvider.get(this.navParams.data.id) .then((result: any) => { this.model = result; }) } this.items = [ {expanded: false}, {expanded: false}, {expanded: false}, {expanded: false}, {expanded: false}, {expanded: false}, {expanded: false}, {expanded: false}, {expanded: false} ]; } expandItem(item){ this.items.map((listItem) => { if(item == listItem){ listItem.expanded = !listItem.expanded; } else { listItem.expanded = false; } return listItem; }); } html: My Neighbor Totoro Hayao Miyazaki • 1988 Hello people View Aparentemente tudo igual ao exemplo. Poderia me dar um norte sobre este problema?
5. 

   Br4n0

   fevereiro 09, 15:16 Reply

   Olá Paulo Rogério, tranquilo?! Funicionou perfeitamente conforme o exemplo, porém quando uso algum item ionico, tipo , deixa de funcionar. Tem alguma ideia do que pode ser? Obrigado. Abraços. PS: Usando como base o projeto seu do Udemy, ionic 3 + asp.net core api.
6. 

   dany

   agosto 21, 17:28 Reply

   só resetar seu ionic serve

Leave a Reply