Not reload a templateUrl on a route change

[soundstep]

I've got a screen containing both a google map and a canvas, I access it in the app with this URL:

"/artist/123"

Here is the config:

$stateProvider
    .state('visualisation', {
        url: '/:artist/:id',
        templateUrl: 'artist.html',
        controller: 'ArtistController',
        resolve: {
            artistData: {...}
        }
    });

When I navigate from:
/artist/123
to:
/artist/124
Using:
$location.path('/artist/124');

The resolve gets the data again, which is good, the controller is created again, which is fine.

My problem is that the html is also replaced by the template. I'd like to keep the current html when I navigate to the same url pattern ('/:artist/:id'), only get the data with the resolve and update my views with the new data.

The view contains a canvas and a map that should not be reloaded, only updated manually. On a route such as the one above, the map should pan to a new location, this is why I want to avoid to reload the html.

Any idea how can I achieve this?

Romu

[nateabele]

This is not currently possible, but we're working on it.

[soundstep]

Right, any quick hack I could use or dev branch I can fork to solve my problem?

I sadly didn't have the choice not to use ui.router in production as the angular basic router fell short straight away.

My options are:

• hack the ui.router
• have a go with https://github.com/dotJEM/angular-routing
• handle the routing manually or with director.js (I's like to avoid that one)

[nateabele]

@soundstep Not that I'm aware of, sadly. Keep an eye on #125 though.