JKnorr91 / ion-slide-box-tabs

An Add-On directive for the ion-slide-box, that adds tabs to the slide box, known from the Android Material Design specification
MIT License
248 stars 110 forks source link

Possible to dynamically render the tabs and slides? #31

Open connect-dips opened 8 years ago

connect-dips commented 8 years ago

@JKnorr91 awesome job! but is it possible to use ng-repeat to load tabs and slide contents?

thanks

leoruhland commented 7 years ago

Hey @connect-dips ! I made a fork of the project and it's working with dynamic tabs/slides.

Fork: https://github.com/leoruhland/ion-slides-tabs Example with dynamic tabs/slides: https://leoruhland.github.io/ion-slides-tabs/example/example3.html

ashishbhandari commented 7 years ago

@leoruhland how to inject html in tabsarray

$scope.tabsArray = [
      {title: 'First Tab', content: **"app/toplinesales/toplinesales.html"},**
      {title: '2', content: '<h1>tab 2</h1>'},
      {title: 'A really long title', content: '<h1>Tab 3</h1>'},
      {title: 'Tab 4', content: '<h1>Tab 4</h1>'},
      {title: 'Tab 5', content: '<h1>Tab 5</h1>'},
      {title: 'Tab 6', content: '<h1>Tab 6</h1>'},
      {title: 'Tab 7', content: '<h1>Tab 7</h1>'},
      {title: 'Tab 8', content: '<h1>Tab 8</h1>'},
      {title: 'Tab 9', content: '<h1>Tab 9</h1>'},
      {title: 'Last one', content: '<h1>Tab 10</h1>'}

    ];
shailendramonu commented 7 years ago

@leoruhland This is not fully dynamic as when the "tabsArray" changes (removes items) ion-slide-tab-label is not updating. It works when adding more items.