Ui-router - 如何在触发状态输入之前等待模板加载

Question

我正在使用ng-include来获取模板：

<div ng-include=" ' partials/commonsTemplates.html ' "></div>

当我点击一个ui-sref它运行良好（我相信这是因为模板已经加载），但是在F5按下我得到404错误。有没有办法强制ui-router在触发导航之前等待文件加载？

此外，即使在文件加载后，也不会对一个模板（随机）进行编码。

我的路由器配置很简单，如：

myApp.config(function($stateProvider,$urlRouterProvider) {
  $urlRouterProvider.otherwise('/home');
  $stateProvider
    .state('home', {
      url:"/home",
      templateUrl:"home.html"
    })
    .state('users', {
      url:"/users",
      templateUrl:"users.html",
      controller:'usersCtrl'
    })
    .state('customer', {
      url:"/customer",
      templateUrl:"customer.html",  
      controller:'customersCtrl'           
    });
}