view the selected row detail in new page using angularjs
<p>Hi i want to display the selected row values details in next page,i am displayin only name and city in first page and remaining fields will view after clicking button.
 My html page</p>

<pre><code> &lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="ISO-8859-1"&gt;
&lt;title&gt;Insert title here&lt;/title&gt;

&lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"&gt;&lt;/script&gt;
&lt;script src="detailCtrlr.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body ng-app="myApp" ng-controller="customersCtrl"&gt;
&lt;table&gt;
&lt;tr&gt;
&lt;td&gt;Name&lt;/td&gt;
&lt;td&gt;Age&lt;/td&gt;
&lt;td&gt;details&lt;/td&gt;
&lt;/tr&gt;
&lt;tr ng-repeat="x in names"&gt;
&lt;td&gt;{{x.Name}}&lt;/td&gt;
&lt;td&gt;{{x.City}}&lt;/td&gt;
&lt;td&gt;&lt;a href="#/viewdetail" type="submit"  name="viewdetails" ng-click="detail()"&gt;view&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>my controller is</p>

<pre><code>   var app = angular.module('myApp', []);
    app.controller('customersCtrl', function($scope, $http) {
        $http.get("details.json").then(function(response) {
            $scope.names = response.data.records;
        });
$scope.detail=function(){
        //details code here
    }
    });
</code></pre>

<p>now i am getting all records in this page and displayed fine, now i want to see the other details of selected row in details page.</p>