Quantcast
Viewing all articles
Browse latest Browse all 229904

How to get contains of specific id from json by clicking on the list

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.


Viewing all articles
Browse latest Browse all 229904

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>