StateProvider嵌套状态，第二级状态ui视图未呈现

Question

我正在创建一个URL级别最高为第二级的模块。我的意思是关于水平； localhost:5000/MyProject#/0/sub_module/0，其中localhost:5000/MyProject#/0是第一级，/sub_module/0是第二级。

我有一个按钮可以触发（ui-sref）进入第二级。它提供正确的网址（单击按钮时），但是不会呈现templateUrl。

这是我到目前为止所拥有的。

//file project.js
$stateProvider
 .state('myproject',{
     abstract: true,
     url: '/',
     template: '<div ui-view></div>'
  })
  .state('myproject.list',{
     url: '',
     templateUrl: 'MyProject/myproject.list.html',
     controller: ['$scope', function($scope){}]
  })
  .state('myproject.detail',{
     url: '{myProjectId: [0-9]{1,10}}'
     templateUrl: 'MyProject/myproject.detail.html',
     controller: ['$scope', function($scope){}]
  }) //this is for the first level
  .state('myproject.detail.submodule',{
     abstract: true,
     url: '',
     template: '<div ui-view></div>'
  })
  .state('myproject.detail.submodule.list',{
     url: '/sub_module',
     templateUrl: 'MyProject/myproject.detail.submodule.list.html',
     controller: ['$scope', function($scope){}]
   })
  .state('myproject.detail.submodule.detail',{
     url: '/{subModuleId: [0-9]{1,10}}',
     templateUrl: 'MyProject/myproject.detail.submodule.detail.html',
     controller: ['$scope', function($scope){}]
   });//this being the second level


//button code snippet
<button class="btn" ui-sref="myproject.detail.submodule.list">GO TO SUB 
MODULE</button>

它读取url，但读取templateUrl。