Can we use a class constructor as a decorator?

[okunokentaro]

In angular2.

https://github.com/angular/angular/blob/master/modules/angular2/src/core/annotations/annotations.js#L482

Component is defined as a class. In my code app.es6 in the following, the Component constructor is used as a decorator.

import {Component, Template, bootstrap} from 'angular2/angular2';
import {Greeter} from './greeter';

@Component({              // <-- here
  selector: 'hello-app',
  services: [Greeter]
})
@Template({
  inline: `
    <p>{{message}}</p>
  `
})
class HelloApp {
  constructor(greeter) {
    this.message = greeter.hello('Angular 2 app');
  }
}

bootstrap(HelloApp);

However, runtime throws Uncaught TypeError: Cannot call a class as a function in _classCallCheck()

var Component = (function (_Directive) {
  function Component() {
    var _ref2 = arguments[0] === undefined ? {} : arguments[0];

    var selector = _ref2.selector;
    var bind = _ref2.bind;
    var events = _ref2.events;
    var services = _ref2.services;
    var lifecycle = _ref2.lifecycle;

    _classCallCheck(this, Component); // <-- maybe is this the cause?

    _get(Object.getPrototypeOf(Component.prototype), 'constructor', this).call(this, {
      selector: selector,
      bind: bind,
      events: events,
      lifecycle: lifecycle
    });
    this.services = services;
  }

  _inherits(Component, _Directive);

  return Component;
})(Directive);

Is it correct that we use a class constructor as a decorator?
Thanks.

[sebmck]

You can only new classes so you can't call them which includes calling them as a decorator. Thanks!

[okunokentaro]

I see, thank you master!