Angular ui-router嵌套视图 - 使用直接URL时页面不加载

Question

我尝试使用直接网址访问嵌套视图，但没有浏览链接但是它无效。

我的配置是：

myApp.config(function ($stateProvider, $locationProvider) {
    $stateProvider
        .state('st1', {
            url: '/st1',
            templateUrl: 'st1.html',
        })
        .state('st1.st2', {
            url: '/st2',
            templateUrl: 'st2.html',
        })
    ;
    $locationProvider.html5Mode(true);
});

st1.html：

<h1>ST1</h1>

<div ui-view></div>

<a ui-sref="st1.st2">ST2</a>

st2.html：

<h2>ST2</h2>

<a ui-sref="st1">ST1</a>

我直接转到/ st1，键入它而不是单击链接，st1 html显示。

当我点击st1中的链接时，位置路径变为/ st1 / st2并且st2的内容显示出来，这就是我想要的，但当我刷新/ st1 / st2时，页面为空。

我想念什么？