ui.router，ui-view工作不正常，AngularJS

Question

所以问题是，当我只使用ui-view时，它可以工作，并且实际上是与url等链接。但每当我决定给它起一个名字时，由于某种原因它不会加载模板。在我的示例中，代码正在加载main标记的模板，但不加载nav标记的模板。

我的例子：

app.config(['$locationProvider', '$stateProvider', ($locationProvider, 
  $stateProvider)=> {
    $locationProvider.hashPrefix('');
    $stateProvider.state('logged', {
      url: '/logged',
      views: {
        '': {
          templateUrl: '/templates/logged.html'
        },
        'nav': {
          template: "<h1>Test ui-view</h1>"
        }
      }
    })

这段HTML代码：

<nav ui-view="nav">
  //Some nav content
</nav>
<main class="wrapper" ui-view>
</main>