为什么在ui.router中我不能使用相对url来处理多个视图？

Question

我的JavaScript文件：

$stateProvider
        .state("login",{
            url:"^/login",
            views:{
                "header":{
                    templateUrl:"templates/blocks/login/header.html",
                    controller:function($scope, $state){
                        console.log($state.current.name);
                    }
                },
                "nav":{
                    template:"<a ui-sref='home'>go home</a><br><a ui-sref='login.begin'>go to login/begin</a>"
                },
                "main":{
                    template:"login.main"
                },
                "footer":{
                    template:"login.footer"
                }
            }
        }).state("login.begin",{
            url:"/begin",
            views:{
                "header":{
                    templateUrl:"templates/blocks/login/header.html",
                    controller:function($scope, $state){
                        console.log($state.current.name, 34333);
                    }
                },
                "nav":{
                    template:"<a ui-sref='login'>go to login</a>"
                },
                "main":{
                    template:"login.main"
                },
                "footer":{
                    template:"login.footer"
                }
            }
        });