为什么我的ui-router状态不起作用？

Question

我无法弄清楚为什么我的州只是第一次从索引而不是在appcontainer中工作：

$locationProvider.hashPrefix('!').html5Mode({
            enabled: true,
            requireBase: false
        });

        $stateProvider
        .state('app', {
            abstract: true,
            url: '',
            templateUrl: 'appcontainer.html'
        })
        .state('app.stateAAA', {
            url: 'aaa',
            templateUrl: 'aaa.html'
        })
        .state('app.stateBBB', {
            url: 'bbb',
            templateUrl: 'bbb.html'
        })
        .state('app.stateCCC', {
            url: 'ccc',
            templateUrl: 'ccc.html'
        });

appconteiner：

<ul>
  <li><a ui-sref="app.stateAAA">aaa</a></li>
  <li><a ui-sref="app.stateBBB">bbb</a></li>
  <li><a ui-sref="app.stateCCC">ccc</a></li>
</ul>

<ui-view></ui-view>

请查看Plunker