How to Retrieve query string parameters from url specified in ng-include AngularJs

Question

I have a repeater div, lets say

<div ng-repeat =" employee in employees">
     <div data-ng-include="'./app/details/employeedetails.html?id=123'"></div>
//id will change based on employee.
</div>

This would call employee details controller for each employee in the employees. I need to get the query string parameters and retrieve the details for that employee. If it is in route then I can use $location.search() but this doesn't cause a route change.

the path is already known to you and you can always use ng-init in your ng-include if you want to et any scope variable available to the template — Dayan Moreno Leon
– Dayan Moreno Leon, Commented Jul 1, 2014 at 18:42

gkalpak · Accepted Answer · 2014-07-01 19:19:03Z

1

As Dayan Moreno Leon said, you can use ngInit to initialize a local property and then reference that property in your ngIncluded template:

<!-- The VIEW -->
<div ng-repeat="employee in employees" ng-init="id=employee.id">
    <div ng-include="'app/details/employeedetails.html'"></div>
</div>

<!-- The TEMPLATE -->
Employee ID: {{id}}

See, also, this short demo.

answered Jul 1, 2014 at 19:19

gkalpak

48.2k8 gold badges108 silver badges120 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to Retrieve query string parameters from url specified in ng-include AngularJs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related