angular-ui-route中重定向页面js代码怎么写
展开全部
<!DOCTYPE html>
<html ng-app="UIRouterApp">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body ng-controller="routerCtrller">
<div data-ui-view=""></div>
<script src="../../bower_components/angular/angular.min.js"></script>
<script src="../../bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
<script>
var app = angular.module("UIRouterApp", ["ui.router"]);
app.config(function ($stateProvider, $urlRouterProvider) {
$urlRouterProvider.when("", "/routerA");
$stateProvider
.state("PageA", {
url: "/routerA",
templateUrl: "routerA.html",
controller: "RouterACtrller"
})
.state("PageB", {
url: "/routerB",
templateUrl: "routerB.html"
})
.state("PageC", {
url: "/routerC",
templateUrl: "routerC.html"
})
});
app.controller("RouterACtrller", function ($scope, $location) {
$scope.btnClick = function () {
$location.path("/routerB");
};
});
app.controller("routerCtrller", function ($scope) {
});
</script>
</body>
</html>
默认为routeA页面
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询