如何在angularjs中的ui-view中预加载子状态

Question

我有以下状态

.state('candidate', {
        url: '/candidate',
        templateUrl: 'partials/candidate.html',
        controller: 'CandidateCtrl'
    })
    .state('candidate.newcandidate', {
        url: '/newcandidate',
        templateUrl: 'partials/candidate/candidate-candidate.html'
    })
    .state('candidate.followupcandidate', {
        url: '/followupcandidate',
        templateUrl: 'partials/candidate/candidate-followupcandidate.html'
    })

这是我的观点

<div class="col-sm-3">
            <ul class="list-group">
                <li class="list-group-item"><a ui-sref=".newcandidate">New candidate</a></li>
                <li class="list-group-item"><a ui-sref=".followupcandidate">Follow Up candidate</a></li>

            </ul>

        </div>
        <div class="col-sm-9">
            <div id="candidate-views" ui-view></div>
        </div>

加载候选视图时，

中不会加载任何内容

<div id="candidate-views" ui-view></div>. 

我想要

candidate.newcandidate 

加载子状态而不点击

<li class="list-group-item"><a ui-sref=".newcandidate">New candidate</a></li>

我试过

$urlRouterProvider
.when('/candidate', '/candidate/newcandidate')

但这没有做任何事情。