angular-ui-route中重定向页面js代码怎么写

 我来答
张张张张YIDA
2015-09-24 · 超过25用户采纳过TA的回答
知道答主
回答量:77
采纳率:0%
帮助的人:42.4万
展开全部
<!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页面

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式