角度5与es5

时间:2017-12-09 17:11:40

标签: javascript angular

Angular 4支持语法

var HelloComponent = ng.core
 Component({
    selector: 'hello-cmp',
    template: 'Hello World!',
    viewProviders: [Service]
  .Class({
   constructor: [Service, function (service) { 
   },`
  });

在Angular 5中,Class缺失任何人都可以提供当前使用ES5语法的Angular 5 我无法切换ES6所以请避免这个建议。 如果切换到ES6是唯一的方法,那么我将坚持到现在的角度4

1 个答案:

答案 0 :(得分:7)

您需要在组件 class 函数中使用静态属性annotationsparameters,如下所示:

function Service() {}

function AppComponent(service) {
  console.log(service);
}

AppComponent.prototype.ngOnInit = function() {
  console.log('test ngOnInit');
};

AppComponent.annotations = [
  new Component({
    selector: 'my-app',
    template: '<h1>Example of Angular  5.0.5 in ES5</h1>',
    viewProviders: [Service]
  })
];

AppComponent.parameters = [ Service ];

<强> Plunker Example