quezo/Angular 2 Example.markdown

## Angular 2 Example.markdown

      
    Raw
  

              Angular 2 Example.markdown
            
          
    Angular 2 Example

A Pen by Alex Vazquez on CodePen.
License.

  
## index.html
<my-app></my-app>

## script.js
function AppComponent() {}
AppComponent.annotations = [
  new angular.ComponentAnnotation({
    selector: 'my-app'
  }),
  new angular.ViewAnnotation({
    template: '<h1>My first Angular 2 App</h1>'
  })
];
document.addEventListener('DOMContentLoaded', function() {
  angular.bootstrap(AppComponent);
});

## scripts
<script src="https://code.angularjs.org/2.0.0-alpha.26/angular2.sfx.dev.js"></script>
	function AppComponent() {}
	AppComponent.annotations = [
	new angular.ComponentAnnotation({
	selector: 'my-app'
	}),
	new angular.ViewAnnotation({
	template: '<h1>My first Angular 2 App</h1>'
	})
	];
	document.addEventListener('DOMContentLoaded', function() {
	angular.bootstrap(AppComponent);
	});