Consider using a named ui-view

[sgimeno]

First of all props to all maintainers for the great job on this angular module. I'm already using it in a couple of projects.

When writing a simple Angular web app to display ng-admin views as a "backoffice" for some data source I can't build other angular-ui-router ui-view's because ng-admin needs an unamed ui-view. Wouldn't be nice to be able to embed ng-admin views in a separated and named ui-view? Is there any other approaches I'm missing or is this out of the scope of the project?

So far I also found this article which encourages to use named ui-view's:
http://www.toptal.com/angular-js/top-18-most-common-angularjs-developer-mistakes#common-mistake-5-not-using-named-views-with-ui-router-for-power

[fzaninotto]

Hi Sergio, and thanks for your feedback.

Yes, we are aware of this issue, and using a not-main view is indeed the solution. The only problem is that it would break existing applications.

I guess the best way (and the only BC way) would be to add a second parameter to the configure() call, specifying the named view to use (and it would be main by default).

@jpetitcolas any feedback on this?

[fzaninotto]

Related to #335

[jpetitcolas]

Passed parameter is already called config. I think we can simply add a new attribute uiViewName to this object, like we added the debug one recently.

Moreover, isn't the name main too generic? I would name it nga-main to prevent from collisions.

[fzaninotto]

The main state replaces the default (nameless) ui-view. It's required for BC.

I'm +1 with your suggestion to add a parameter to the config object.

[sgimeno]

+1

[alexdmejias]

+1

[Siafu]

So what's the work around ? My app is currently configured as follows.
app.js

admin.module

admin.route

admin html

[fzaninotto]

No workaround for now, I think.

[ruben0909]

+1

[giovanni-duarte]

+1

[JunkMyFunk]

+100

[jpetitcolas]

It should be solved with last master version, which breaks backward compatibility to use a named view. You now have to name your admin div as:

<div ui-view="ng-admin">