Angular 5 example

Angular 5 example with angular-js-proxy

by kevinbalicot

HTML

<script src="https://github.com/kevinbalicot/angular-js-proxy/releases/download/v0.4.2/angular-js-proxy.js"></script>
<base href="/">
<home-component></home-component>

JavaScript

// ng variable contains { compiler, common, core, router, platformBrowserDynamic, platformBrowser } from Angular 5 library

class DefaultComponent {
    constructor(route) {
    	console.log(route);
    	this.route = route;
    }
}

// You can override class parameters for inject Angular service
DefaultComponent.parameters = [[new ng.core.Inject(ng.router.ActivatedRoute)]];

// Like @Component
Component({
      template: `
            <h2>Route param : {{ route }}</h2>
        `
})(DefaultComponent);

class HomeComponent {
  	constructor() {}
}

// Like @Component
Component({
      selector: 'home-component',
      template: `
            <h1>Hello</h1>
            <router-outlet></router-outlet>
        `
})(HomeComponent);

class Module {
  	constructor() {}
}

// Like @NgModule
NgModule({
      imports: [
      		ng.platformBrowser.BrowserModule,
            ng.router.RouterModule.forRoot([
            	{ path: '', component: DefaultComponent }
            ], { useHash: true })
      ],
      declarations: [HomeComponent, DefaultComponent],
      bootstrap: [HomeComponent]
})(Module);

ng.platformBrowserDynamic.platformBrowserDynamic().bootstrapModule(Module);