Angular JS: Change $location Params on ng-click

Question

I'm currently using $location in my app so I can send parameters from the address bar to my $http GET request. Like so:

var params = $location.search();
$http.get(url, params).then(function(){
    ...
}

Is it possible to add an ng-click attribute onto an element in my view, so I can pass parameters into the address bar, so I can filter my GET request?

Something like so:

<div ng-click="genre=romance">Romance</div>
<div ng-click="genre=horror">Horror</div>

<div ng-click="year=2012">2012</div>
<div ng-click="year=2011">2011</div>

So when two buttons are clicked the queries chain themselves and url is transformed to: app.com/movies?genre=horror&year=2012, for example.

Is this possible with $location and am I going about this in the right way?

Any help is appreciated. Thanks in advance!

mat3e · Accepted Answer · 2015-11-03 23:03:35Z

1

Search function is both getter and setter. You can e.g. put $location in $scope and then use it like this:

<div ng-click="$location.search('genre','romance')">Romance</div>
<div ng-click="$location.search('genre','horror')">Horror</div>
<div ng-click="$location.search('year','2012')">2012</div>
<div ng-click="$location.search('year','2011')">2011</div>

And modify $http.get:

$http.get($location.absUrl()).then(function(){...}

answered Nov 3, 2015 at 23:03

mat3e

7915 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

Angular JS: Change $location Params on ng-click

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