how to redirect the selected json value to another page using angularjs

Question

<tr ng-if="usernames.length" ng-repeat="user in usernames">
        <td><input type="radio" name="radio"  ng-model="form.currentPatient" value="{{user}}" id="{{user.id}}"></td>
            <td>{{user.firstname}} </td>
            <td>{{user.lastname}}</td>
            <td>{{user.address}}</td>
            <td>{{user.age}}</td>
        </tr>



    </table>
    <div>{{form.currentPatient}}</div>
   <button type="submit" value="View Profile" onclick="location.href('result.html' )">View Profile</button>

If I click on that radio button ,the corresponding json values should be redirect to the result page Please help me ......

{{user.firstname}} {{user.lastname}} {{user.address}} {{user.age}}
{{form.currentPatient}} — Meenu, Oct 29 '15 at 05:26
@AshadShanto I guess the user is not using any routing module — Nidhish Krishnan, Oct 29 '15 at 05:28
Create a factory, store that json value there and fetch it using existed factory in another controller which has access to the new page. — Kishore Kumar Korada, Oct 29 '15 at 05:30
in that case try this answer : http://stackoverflow.com/questions/20181323/passing-data-between-controllers-in-angular-js pass data through a service. — Md Ashaduzzaman, Oct 29 '15 at 05:35

vijaybalans · Answer 1 · 2015-10-29T09:05:38.120

0

If not using routeprovider

You can create shared service or factory to store value and retrive in other pages.

If using routeprovider

You can bind JSON value in URl this way-:

window.location="#/result/firstname="+$scope.user.firstname+"&&lastname="+$scope.user.lastname+"&&age="+$scope.user.age; And You can access this value as $location.search()['firstname'], $location.search()['lastname'], $location.search()['age']

you can access this value as-:
$location.search()['firstname'] for firstname,
$location.search()['lastname'] for lastname and
$location.search()['age'] for age
you can add $location in function like as $scope .

edited Oct 29 '15 at 09:05

answered Oct 29 '15 at 06:07

vijaybalans

21
1

The table will display values of searched user from json. I want to get only one row value from the table when I click the radio button ie.The details of particular user and that value should be redirect to another page... – Meenu Oct 30 '15 at 05:23
then $scope.getRadioBtnData=function(data){//then set the data appropriate url} – vijaybalans Oct 30 '15 at 06:01
If example $scope.ListJson have an search results.

then $scope.getRadioBtnData=function(data){//then set the data to appropriate url} – vijaybalans Oct 30 '15 at 06:07

how to redirect the selected json value to another page using angularjs

1 Answers1