Can we use ngRoute and ui.router together in angularJS app.js?

Question

Previously, I was using ngRoute in my main controller. I have to create child view functionality and it is only achieved by UI-Router. please suggest?

You can, as @Suneet suggests -- but you should probably just migrate your application to uiRouter instead of using both. — Martin, Dec 29 '14 at 16:03

score 2 · Answer 1 · answered Dec 29 '14 at 15:57

2

Yes you can use both.

var myModule = angular.module("myModule", ["ui.router", "ngRoute"]);

answered Dec 29 '14 at 15:57

Suneet Bansal

2,664
1
14
18

Can you use both simultaneously like ? – Aditya Ponkshe Jan 09 '15 at 18:30
3

No, the two directives will compete for transclusion on the body. Depending on your styling, you could try putting one after the other (i.e.,
). – nshew13 Jan 12 '15 at 17:59

score 2 · Answer 2 · answered Feb 03 '18 at 05:10

Yes, you can use ngRoute/angular-route ($routeProvider) and ui-router ($stateProvider) together (in particular, the second inside of the first). Check this repo's master to find the example. In a couple of words, the ui-router in this case will have the possibility to provide navigation and nested states/views inside of "ng-view-provided space". I have answered almost the same question with more details and pros/cons at Quora

Can we use ngRoute and ui.router together in angularJS app.js?

2 Answers2

Linked