I am repeating certain amount of cards based on the length of JSON array using (ng-repeat)..It was fine upto here ,I want the content in side card to clean and specifc ..for this i choosed tabs... I tried to ...The result demo was this image below:
This fine upto here but ,when i tried to use tabs , a single click on tab of first card is modifying the tab content on second card ...In simple word tab of one card is triggering another ..but for god sake i do not want that feature and tabs should be specific to the card in which it was wrapped.
I am unable to show images here..You see Images by following this link
http://forum.ionicframework.com/t/multiple-cards-with-individual-tabs-inside/28381
I created a code pen with errors i face
<div class="card">
<div class="item item-divider">
</div>
<div class="item item-text-wrap">
<ion-tabs class="tabs-positive tabs-icon-only">
For code and error please go to this link: http://codepen.io/saikiran1234/pen/doKKLR
Can someone help me ..How to remove this collisions between tabs...