Использование $ routeProvider с $ stateProvider

Question

В начале я просто использовал $ routeProvider следующим образом, и это давало мне то, что я хотел.

angular.module('angularProject', ['angularProject.filters', 'angularProject.services', 'angularProject.directives', 'angularProject.controllers']) 
    .config(['$routeProvider', function($routeProvider) { 
    $routeProvider 
     .when('/home', { 
     title: 'Home', 
     templateUrl: 'partials/home.html', 
     controller: 'homeCtrl' 
     }) 
     .otherwise({redirectTo: '/home'}); 
    }]); 

Но когда я также хотел бы использовать $ stateProvider следующим образом он не дает мне ошибки, но и не позволяет мне изменить состояние ..

var myapp=angular.module('angularProject', ['ui.bootstrap','ui.router','angularProject.filters', 'angularProject.services', 'angularProject.directives', 'angularProject.controllers']) 
    myapp.config(['$routeProvider', '$stateProvider',function($routeProvider,$stateProvider) { 
    $routeProvider 
     .when('/home', { 
     title: 'Home', 
     templateUrl: 'views/home.html', 
     controller: 'homeCtrl' 
     }) 
     .otherwise('/home'); 
    $stateProvider 
     // .state('index', { 
      // url: "", 
      // views: { 
       // "viewA": { 
        // template: "index.viewA" 
       // }, 
       // "viewB": { 
        // template: "index.viewB" 
       // } 
      // } 
     // }) 
     .state('route1', { 
      url: "/route1", 
      views: { 
       "viewA": { 
        template: "route1.viewA" 
       }, 
       "viewB": { 
        template: "route1.viewB" 
       } 
      } 
     }) 
     .state('route2', { 
      url: "/route2", 
      views: { 
       "viewA": { 
        template: "route2.viewA" 
       }, 
       "viewB": { 
        template: "route2.viewB" 
       } 
      } 
     }) 
    // .otherwise({redirectTo: '/home'}); 
    }]); 

Любая помощь по использованию $ stateProvider с $ routeProvider будет оценен.

Answer 1

Я не думаю, что это возможно, и я не думаю, что ui.router был построен для использования с ngRoute.
Согласно ui-router docs, вы должны использовать собственную реализацию ui-router$routeProvider, называемую $urlRouterProvider.