无法使用角度组件

Question

我很难让我决心正确使用我的角度组件和UI路由器。例如，我定义了goal组件：

// goal.component.js

import template from './goal.html';
import controller from './goal.controller';
import './goal.scss';

export default {
  restrict: 'E',
  bindings: {},
  template,
  controller
};

我有以下config我为此组件定义路线并解析data：

// goal.config.js

export default ($stateProvider) => {
  'ngInject';

  $stateProvider
    .state('goal', {
      url: '/goals/goal/:uuid',
      component: 'goal',
      resolve: {
        data: () => {
          return Promise.resolve('data');
        }
      }
    });
};

在控制器中，我尝试访问data解析，但我仍然收到data提供商无法识别的错误：

// goal.controller.js

export default class GoalController {

  constructor($state, data) {
    'ngInject';
    console.log('>>>', data);
  }
}

错误：Error: [$injector:unpr] Unknown provider: data