How to pass parameter(id) in URL using ng-click to view subdocument of specific user in Angularjs

Question

I need to pass the parameter id in a URL using ng-click in Angularjs, I am doing this because of I want to view a specific user subdocument data in a separate page.

<tr ng-repeat="register in registerlist | filter:searchText">
  <td>{{$index+1}}</td>
  <td>{{register.name}}</td>
  <td>{{register.email}}</td>
  <td>{{register.mobile_no}}</td>
  <td>{{register.area_name}}</td>
  <td>
    <button type="button" class="btn btn-default"
            ng-click="RegisterView(register._id); showOrder = !showOrder">View</button>
  </td>
</tr>

URL example: localhost:8080//register/5426ced88b49d2e402402205

Here this above user had subdocument, so i need to view the subdocument in a separate page.

Controller:

$scope.RegisterView = function(id) {
  $scope.IsVisible = $scope.IsVisible ? false : true;
  $http.get('/auth/register-list/' + id).success(function(response){
    $scope.bookinglist = response.booking;
  });
};

can you post your `RegisterView(register._id)` function in controller — ojus kulkarni, Feb 12 '16 at 06:47
Possible duplicate of [Passing parameter to ng-click directive, within custom directive](http://stackoverflow.com/questions/18479096/passing-parameter-to-ng-click-directive-within-custom-directive) — James111, Feb 12 '16 at 06:50
Possibly related question: http://stackoverflow.com/questions/17039926/adding-parameter-to-ng-click-function-inside-ng-repeat-doesnt-seem-to-work — Royal Pinto, Feb 12 '16 at 06:51
Are you maintaining states? If so, you can use `$state.go()` with parameters and handle routes. — Hashir Hussain, Feb 12 '16 at 06:52

jaybutani · Answer 1 · 2016-02-12T07:23:24.943

1

You can use $location in your $scope.RegisterView function to navigate to other page. something like this $location.path('/register/5426ced88b49d2e402402205')

edited Feb 12 '16 at 07:23

answered Feb 12 '16 at 07:18

jaybutani

189
1
12

This makes sense, because `$http.get` as mentioned in the question is making a GET request and which doesn't redirect to a URL. – Royal Pinto Feb 12 '16 at 08:24

ojus kulkarni · Answer 2 · 2016-02-12T07:07:44.380

0

If you want to see your subdocument in seperate page then simply use :

<a target="_blank" >
  // apply target to that div where you are using subdocument
</a>

And if You have id in your register then you can directly call it as RegisterView(register.id)

$scope.RegisterView = function(id){
    $scope.IsVisible = $scope.IsVisible ? false : true;
    $http.get('/auth/register-list/' + id).success(function(response){
        $scope.bookinglist = response.booking;
    });
};

TEMPLATE

<button type="button" ng-click="RegisterView(register.id)"></button>

edited Feb 12 '16 at 07:07

answered Feb 12 '16 at 06:51

ojus kulkarni

1,877
3
25
41

where i should use target="_blank" – Nodemon Feb 12 '16 at 07:03
you said you want to open subdocument in new page so if you use `targer="_blank" it open new page on-click button or anchor – ojus kulkarni Feb 12 '16 at 07:06
am asking where i should use **target="_blank"** in button or where – Nodemon Feb 12 '16 at 07:08
ok use it in button tag so when you click on button you can see new page – ojus kulkarni Feb 12 '16 at 07:09
i need to send my id through url...this is what my question – Nodemon Feb 12 '16 at 07:11
target="_blank" will not work in button. If you want to use, use it in tag and apply some css to to look like button – jaybutani Feb 12 '16 at 07:26
yes target is not accessible in ` – ojus kulkarni Feb 12 '16 at 10:59

How to pass parameter(id) in URL using ng-click to view subdocument of specific user in Angularjs

2 Answers2