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'
}

该组件加载正常，但似乎resolve函数无法运行。

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路由器解析不起作用

1 个答案: