<!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);