Angular 2 @Component ES6'nın sözdizimi kısmı mı?

Question

Herkes bana söyleyebilir mi? İçe aktarılan Bileşen işlevinin önündeki '@' sembolü. Bu ES6 sözdizimi mi? Baktığım herhangi bir açısal olmayan ES6 projesinde kullanıldığını görmedim.

import {Component} from ... 
@Component({}) 

Here is a example

Answer 1

Kısa cevap: Hayır

@ sözdizimi bir şerh tanımlar - bu Eğik en AtScript, daha sonra TypeScript birleştirilecek hangi tanıtıldı. Gördüğüm kadarıyla, .NET dillerindeki ek açıklamalara benzerler.

Açıklamalar standart ES6'nın bir parçası değildir; Onlar sadece TypeScript tarafından sağlanan bir dekorasyon. Not, Angular 2, Aurelia'nın yaptığı gibi, TypeScript ek açıklamalarının kullanımını destekler.

Şu anda bir bağlantı sağlayamıyorum, ancak ES6'nın özelliklerini ve dil bileşenlerini ayrıntılı olarak açıklayan kaynaklar var.

Answer 2

@ sözdizimi, şu anda 1. aşamada olan (teklif aşaması) es7 için yeni bir taslağın parçasıdır. Onlar dekoratörler denir.

Dekoratörler, tasarım zamanında sınıfları ve özellikleri ek açıklama ve açıklama yapabilir. Daha fazla bilgi için

bkz: https://github.com/wycats/javascript-decorators

---

Not: sizin için sadece optional[]=es7.decorators (WebPack olarak) ya da yapılandırma ayarlayarak stage:1 için

Answer 3

etkinleştirerek Babel kullanarak, dekoratör kullanabilirsiniz Kayıtları, aynı davranışı ES6'da yalnızca TypeScript açıklamasını şu şekilde çevirebilirsiniz:

import {Component, ...} from 'angular2/core'; 
export class myAppOrDirective { 
    static get annotations() { 
     return [ 
      new Component({ 
       selector: 'my-app-or-directive' 
      }), 
      new View({ 
       template: `<div>Hello!</div>` 
      }) 
     ]; 
    } 
}