Angularjs UI 路由器解析不工作

Question

我有一个组件处于状态属性，应该解决但没有解决。我在会话状态中使用 ngStorage 存储应用程序状态，并在组件之间导航时加载状态。

$stateProvider.state('app.insure-contents', {
  url: '/insure-contents',
  views: {
    'contents': {
      component: 'insureContents',
      resolve: {
        state: ['$sessionStorage', function ($sessionStorage) {
          console.log($sessionStorage.renterState);
          return $sessionStorage.renterState;
        }]
      }
    }
  }
})
const InsureContents = {
restrict: 'E',
bindings: {
    state: '<'
},
controller: InsureContentsCtrl,
templateUrl: 'renters/components/insure-contents.html'
}

组件加载正常，但解析函数似乎没有运行。

Answer 1

将 resolve 移到 views 之外属性:

$stateProvider.state('app.insure-contents', {
  url: '/insure-contents',
  views: {
    'contents': {
      component: 'insureContents'
    }
  },
  resolve: {
      state: ['$sessionStorage', function ($sessionStorage) {
          console.log($sessionStorage.renterState);
          return $sessionStorage.renterState;
      }]
  }
})

Angularjs UI 路由器解析不工作

Angularjs UI router resolve not working

angularjs

angular-ui-router