Multiple Cards with individual tabs inside


#1

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.

Erro Image:

See…When I click on second tab of second card ,it also triggers the second tab of first…Is this due to history of tab??If so how can i deal with it …Or some other reason …Some one please help me…

For Easy Use : http://codepen.io/saikiran1234/pen/doKKLR