Add a facility to allow states to be defined at runtime.

[atrauzzi]

What I'd like to be able to do is give some portion of my app the ability to define states/routes at runtime:

$stateService.add('somewhere.runtimeState', {
    url: '/runtime-state',
    controllerProvider: myControllerProvider,
    templateProvider: myTemplateProvider
});

I know there's already been some discussion with regards to lazy loading. Unfortunately they've suggested some fairly ugly APIs and introduce what I feel is an unnecessary level of complexity to something that should be as simple as gaining access to the $stateProvider API at runtime. Ideally this is not the kind of thing I need another angular module dependency for.

In the name of keeping all the concerns nicely separated, I feel like this approach would allow one to pre-load routes (thereby gaining the ability to generate URIs to them) as well as optionally perform any visuals/processing while the controller and/or template is being resolved. Unless I'm mistaken, it gives me enough control to integrate whatever mechanisms I see fit to produce the results ui router needs. Any other parameters or schema involved with exposing runtime definition of states risks becoming too implementation specific.

On the off chance that there already is runtime access to this API, I apologize and definitely was not lead to believe such by the documentation. I'd love to be directed to it and maybe I could then suggest here how it could be improved.

[christopherthielen]

There isn't currently runtime access to $stateProvider. You can expose it yourself by saving a reference during config phase.

It's a bit more complicated than just adding states at runtime; in particular, bookmarking URLs for states that are deferred becomes a problem.

We're aware of this deficiency and are working towards an API. I'm guessing your references to "angular module" is UI-Router Extras, but if not, go check it out.

[christopherthielen]

Closed by 64879a2

app.run(['$uiRouter', ($uiRouter) => $uiRouter.stateRegistry.register(state)])

[schirrel]

@christopherthielen sorry to reopen, but i'm facing the same issue, in fact i'm using the latest uirouter (to date tday (13/10)) and when i try use
$uiRouter.stateRegistry.register(state)
the state dont appears in the $uiRouter state array, or even is 'reconized' when i try to state.go to it
nedd to have another configuration?

[christopherthielen]

@codersquirrel the only thing I can think of is this: If a state A.B.C.D being registered has a parent state A.B.C which is not yet registered, the registration of A.B.C.D is queued until all parent states exist. For example when registering app.parent.child, the parent state app.parent has to exist before the child can be registered.

You might want to check if the state is in $stateRegistry.stateQueue.queue