angularjs - 在 Angular 1.5 组件中运行 ES6 构造函数

Question

我尝试在加载“soran”标签时运行 ES6 构造函数代码。但它只是忽略了。如何通过使用 Angular 1.5 component() 中的 Controller 来运行某些代码？

import { config } from './index.config';
import { routerConfig } from './index.route';
import { runBlock } from './index.run';
import { MainController } from './main/main.controller';

angular.module('soranSpace', ['ngAnimate', 'ngCookies', 'ngSanitize', 'ngMessages', 'ngAria', 'restangular', 'ui.router'])
  .config(config)
  .config(routerConfig)
  .run(runBlock)
  .controller('MainController', MainController)

  .component('soran', {
    bindings: {},
    template: '<div id="map-viewport"></div>',
    scope: {},
    controller: soranController
  });

class soranController {
  constructor($log) {
    'ngInject';

    $log.log("run!");  // how to run this ? 
  }
}

Answer 1

将类定义移至组件定义上方。在 ES6 中，类声明不会被提升，因此在定义组件时不会定义 soranController。我上周遇到了同样的问题，并且由于某种原因它没有抛出任何错误 - 我认为这与代码的转译方式有关。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes#Hoisting