angular-docs-cn/public/docs/js/latest/api/annotations/ComponentFactory-interface.jade

p.location-badge.
  exported from <a href='../annotations'>angular2/annotations</a>
  defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.34/modules/angular2/src/core/annotations/decorators.ts#L104-L174">angular2/src/core/annotations/decorators.ts (line 104)</a>

:markdown
  <a href='ComponentAnnotation-class.html'><code>ComponentAnnotation</code></a> factory for creating annotations, decorators or DSL.
  
  ## Example as TypeScript Decorator
  
  ```
  import {Component, View} from "angular2/angular2";
  
  @Component({...})
  @View({...})
  class MyComponent {
    constructor() {
      ...
    }
  }
  ```
  
  ## Example as ES5 DSL
  
  ```
  var MyComponent = ng
    .Component({...})
    .View({...})
    .Class({
      constructor: function() {
        ...
      }
    })
  ```
  
  ## Example as ES5 annotation
  
  ```
  var MyComponent = function() {
    ...
  };
  
  MyComponent.annotations = [
    new ng.Component({...})
    new ng.View({...})
  ]
  ```