A reverse function that generates URI string from state name and params?

[liokm]

It would be nice to have a reverse function in $state to map state name and params to corresponding URI. For example:

$stateProvider
  .state('foo.bar', {
    url: '/{fooId}/{barId}'
  });

then
$state.reverse('foo.bar', {fooId:1, barId:2}) generates URI string: '/1/2' (or '#/1/2', depends on html5mode)

Currently, this could be done by using $state.$current.url.format for the current state or ancestor states, but not for the other such as sibling states. Comparing with concatenating strings, this way feels neat and better managed.

[jeme]

$state.transitionTo doesn't work for you?

AFAIK this should work: $state.transitionTo('foo.bar', {fooId:1, barId:2}) given your example.

[liokm]

Thanks for reply. I dont want an instant state transition, but invoking this to generate links. For example:

$scope.getFooLink = function() {
    return $state.reverse('foo', {fooId: some_var});
};

and in view

<a ng-href="{{ getFooLink() }}">foo</a>

[jeme]

Arh, then it's related to #16 instead i suppose

[ksperling]

Yes, that's essentially #16, but I agree it makes sense to have both a function and a directive (presumably the directive would just be a wrapper around the function).