Update URL on dropdown change

[levyuk]

Does anyone know how I can change the URL based on a dropdown option?

Thanks

Jon

[Joshua Miller]

Hello!

I'm not sure what you mean by "dropdown", but you can change the URL using the `$location` service: http://docs.angularjs.org/api/ng.$location. Can you be a little more specific on what you want to do or, even better, provide a simple Plunker?

Josh

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to angular+u...@googlegroups.com.
To post to this group, send email to ang...@googlegroups.com.
Visit this group at http://groups.google.com/group/angular?hl=en-US.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

[levyuk]

Hi
By dropdown I mean a HTML select

[Joshua Miller]

Ok, no problem - just define an ngModel on your select:

<select ng-model="url">

...

</select>

And you can react to the model change in your controller:

$scope.$watch( 'url', function ( color ), {

  $location.url( url );

});

If you want something more special, check out the docs for select: http://docs.angularjs.org/api/ng.directive:select.

Josh

On Sun, Mar 3, 2013 at 12:25 PM, levyuk <levy...@gmail.com> wrote:

Hi
By dropdown I mean a HTML select

[levyuk]

Cool idea. I'll give that a go. Thanks

[Adam Koch]

This is (like) what I'm doing...

<select ng-model="filters.firstName">

<option value="">All</option>

<option value="John">John</option>

<option value="Puck">Puck</option>

<option value="Steve">Steve</option>

</select>

<select ng-model="filters.lastName">

...

<script>

function Ctrl($scope, $location) {

$scope.$location = $location;

$scope.filters = {"firstName": "", "lastName": ""};

$scope.$watch("filters", function(filters) {

$location.url(filters.firstName || filters.lastName);

}, true);

...