title: How to display more details of a perticular table in a separate page using angularJS and php
body: <p><a href="https://i.stack.imgur.com/jMgLj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jMgLj.png" alt="This is My database"></a></p>
  
  <p><a href="https://i.stack.imgur.com/sLz7k.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sLz7k.png" alt="This is my html page"></a></p>
  
  <p>I used ng-repeat and was able to display the data in the database.
  I want to display more information of a perticular table when "Know more" button is clicked in a seperate popup page.
  how can i achieve this in angularjs ?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>.controller('far_req_disp', function($scope, $http) {
    $http.get('php/far_req_disp.php')
      .success(function(data) {
        $scope.request = data;
      })
      .error(function() {
        $scope.error = "error";
      });
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div ng-controller="seller_post_disp"&gt;
    &lt;ion-list ng-repeat="a in usr007"&gt;
      &lt;h2&gt;{{a.crop_id}}&lt;/h2&gt;
      &lt;p&gt;Villiage:{{a.village}} &amp; District :{{a.DIST}}&lt;/p&gt;
      &lt;p&gt;Expected Price:{{a.expec_price}} {{a.Per}}&lt;/p&gt;
  
      &lt;p&gt;Date of availability:From {{a.from_date}} To {{a.to_date}}&lt;/p&gt;
      &lt;a class="button" ng-click="knowMore()"&gt;Know More &lt;/a&gt;
    &lt;/ion-list&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>