
p.location-badge.
  exported from <a href='../core'>angular2/core</a>
  defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.37/modules/angular2/src/core/metadata.ts#L148-L220">angular2/src/core/metadata.ts (line 148)</a>

:markdown
  <a href='ComponentMetadata-class.html'><code>ComponentMetadata</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({...})
  ]
  ```
  
  
