current community

your communities

more stack exchange communities

Stack Exchange
tour help
careers 2.0
Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 4 down vote favorite
2

I want to use routes, but I always want to use same template & controller. I have routes like this:

**a/:albumid**

and

**i/:imageid**

In the first case I want to load an array of images and add them to a list. In the second case I want to load a single image and add it to a list.

So the difference is only in data loading. What is the most efficient way to do this?

Also is it possible to animate ng-show? Something like jQuery's slideDown?

share|improve this question
add comment

1 Answer

up vote 12 down vote accepted

Check out this article, it describes a way to do exactly what you want:

http://www.bennadel.com/blog/2420-Mapping-AngularJS-Routes-Onto-URL-Parameters-And-Client-Side-Events.htm

I've used the technique, it works well.

In a nutshell, something like this for routing:

$routeProvider
    .when("/a/:album_id", {
        action: "album.list"
    }).when("/i/:imgid", {
        action: "images.load"
    })

Then in your controller you can access $route.current.action and do the appropriate thing. The trick is to create a function in you controller that does all the work (the article calls it render()) and then call that function when $routeChangeSuccess fires: 

$scope.$on(
   "$routeChangeSuccess",
   function( $currentRoute, $previousRoute ){
        // Update the rendering.
        render();
    }
);
share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.