Angular 1 / Ui路由器-将数据从解析传递到控制器

Question

我想通过解析将数据（ contactName ）从状态传递到控制器：

.state({
      name: 'contact.detail.overlay',
      abstract: true,
      component: 'overlayContent',
      resolve: {
        contactName: (originalContact, $rootScope, ContactService) => {
          $rootScope.contactName = ContactService.getContactName(originalContact)
          return $rootScope.contactName
        }
      }
    })

在我的状态下，一切都是正确的， contactName也是正确的，但是在我的overlayContent控制器中无法访问它，您是否有解决方案来在控制器中具有$rootScope.contactName访问权限？

编辑：控制器：

class overlayContentComponent {

  constructor($state, $interpolate, $scope) {
    'ngInject'
    this.$scope = $scope
    this.$state = $state
    this.$interpolate = $interpolate
  }

  /**
   *
   * On initialization hook, let's check if an overlay title
   * has been defined for the current state.
   */

  $onInit() {
    const stateData = this.$state.current.data || { title: '' }
    this.overlayTitle = angular.isDefined(stateData.title) ? this.$interpolate(stateData.title)() : ''
  }
}

export const overlayContentComponent = {
  template: require('./overlay-content.html'),
  controller: overlayContentComponent
}

我可以访问contactName在我的控制器通过this.$scope.$root.contactName ，但我想，以避免$scope.$root的另一种选择

Answer 1

更改您的构造函数：

constructor($state, $interpolate, $scope, contactName) {
  'ngInject';
  // The variable you want:
  this.contactName = contactName;
  this.$scope = $scope
  this.$state = $state
  this.$interpolate = $interpolate
}

现在应将“ contactName”解析注入该状态（解析所驻留的位置）的控制器中。 如上所述，这应该允许您在控制器中访问它。