Enyone please suggest me how to get data dynamically in md-tab with swipe right and left
whenever i can go to second tab it will show related category data (witch is shown below)
how it possible please help me out
my .html code is
`
<!--product list content-->
<div id="product-list" class="row">
<div class="col" >
<div ng-repeat="you in arroundYou" ng-click="goToDealList()" class="cube-item" style="background-image: url({{you.image_url}});">
<h1>
{{you.category_name}}
</h1>
<p>
{{you.deal_in_category}}
</p>
</div>
</div>
</div><!--end product list content-->
</md-content><!--end social profile content section-->
</md-tab>
<md-tab ng-repeat="cat in categoryList" label="{{cat.name}}" md-swipe-right="next1()" >
<md-content >
<!--list section-->
<div id="product-list" class="row">
<div class="col" >
<div ng-repeat="you in arroundYou" ng-click="goToDealList()" class="cube-item" style="background-image: url({{you.image_url}});">
<h1>
{{you.category_name}}
</h1>
<p>
{{you.deal_in_category}}
</p>
</div>
</div>
</div><!--end product list content-->
</md-content>
</md-tab>
</md-tabs>`
and my controller is
$scope.categoryList = [
{
“id”: “3”,
“name”: “Beauty & Spa”
},
{
“id”: “12”,
“name”: “Food & Drink”
},
{
“id”: “17”,
“name”: “Health & Fitness”
}
];
$scope.arroundYou = [
{
“category_id”: “3”,
“category_name”: “Beauty & Spa”,
“category_image”: “spa.jpg”,
“deal_in_category”: 7,
“image_url”: “http://bargaincry.com/assets/bargain/category/spa.jpg”
},
{
“category_id”: “12”,
“category_name”: “Food & Drink”,
“category_image”: “Content_FoodDrink.jpg”,
“deal_in_category”: 9,
“image_url”: “http://bargaincry.com/assets/bargain/category/Content_FoodDrink.jpg”
}
];