将 $routeProvider 与 $stateProvider 一起使用 [英] Using $routeProvider with $stateProvider
问题描述
一开始我只是使用 $routeProvider 如下,它给了我我想要的东西.
in beginning I was just using $routeProvider as follows and it was giving me what I wanted.
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 时,它不会给我错误,但也不允许我更改状态..
But when I also wanted to use $stateProvider as follows it is not giving me errors but also not allowing me to change state..
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 一起使用的任何帮助将不胜感激..
Any help on how to use $stateProvider with $routeProvider would be appreciated..
推荐答案
我不认为这是可能的,我也不认为 ui.router
旨在与 ngRoute
一起使用代码>.
根据 ui-router 文档,您应该使用 ui-router
自己的 $routeProvider
实现,称为 <代码>$urlRouterProvider.
I don't think it's possible and I don't think that ui.router
was built to be used with ngRoute
.
According to the ui-router docs, you should use ui-router
's own implementation of $routeProvider
, called $urlRouterProvider
.
这篇关于将 $routeProvider 与 $stateProvider 一起使用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!