<!DOCTYPE html>
<html>

<head>
     <link rel="stylesheet" href="style.css" />
     <script src="https://jspm.io/system.js"></script>
     <script src="https://code.angularjs.org/2.0.0-alpha.27/angular2.dev.js"></script>
     <script>
          System.import('main');
     </script>
</head>

<body>
     <h1>
         <WelcomeApp></WelcomeApp>
     </h1>
       <div>
    <br><a href="http://www.code-sample.com/2014/09/angularjs-documentation.html">Click for more detail</a>
  </div>
     <br/><h2><a href="http://www.code-sample.com/">By Anil Singh</a></h2>
</body>

</html>
/* Styles go here */

//Setup the starting component
import {
  ComponentAnnotation as WebComponent,
  ViewAnnotation as WebView, bootstrap
} from 'angular2/angular2';

//Create web component in es6
@WebComponent({
  selector: 'WelcomeApp',
  appInjector: [WebService]
})

//Create web view in es6
@WebView({
  template: '{{welcome}} Angular 2!'
})

//Create web  class in es6
class WebApp {
  constructor(service: WebService) {
    this.welcome = service.welcome();
    setTimeout(() => this.welcome = 'Welcome in Angular 2 with ES6 app,', 1000);
  }
};

//Create web service in es6
class WebService {
  welcome() {
    return 'Hello';
  }
};

bootstrap(WebApp);