controller.js
.controller('FeedCtrl', function($scope, $http) {
var path = 'data/data.json';
var conditions = $http.get(path).then(function(resp) {
// $http.get('https://api.myjson.com/bins/147ny').then(function(resp) {
$scope.conditions = resp.data.employees ;
}, function(err) {
console.error('ERR', err);
// err.status will contain the status code
})
.controller('FeedDetailCtrl', function($scope, $stateParams ) {
$scope.condition = conditions.get($stateParams.feedId);
})
});
app.js
.state('tab.feed', {
url: '/feed',
views: {
'tab-feed': {
templateUrl: 'templates/tab-feed.html',
controller: 'FeedCtrl'
}
}
})
.state('tab.feed-detail', {
url: '/feed/:feedId',
views: {
'tab-feed': {
templateUrl: 'templates/feed-detail.html',
controller: 'FeedDetailCtrl'
}
}
})
;
tab-feed.html
<ion-view view-title="Chats">
<ion-content >
<ion-list>
<ion-ng-repeat="condition in conditions" type="item-text-wrap" href="#/tab/feed/{{condition.id}}">
<h2>{{condition.firstName}}</h2>
<p>{{condition.lastName}}</p>
<i class="icon ion-chevron-right icon-accessory"></i>
</ion-item>
</ion-list>
</ion-content>
</ion-view>
feed-detail.html
<ion-view view-title="{{condition.firstName}}">
<ion-content class="padding">
<p class="font-color">
{{condition.lastName}}
</p>
</ion-content>
</ion-view>
What i want is once i click on any of the option from the list and the next page should display the data available in the json file which belongs to the specific id.Thank you.