angular4 example

HTML

<script src="https://unpkg.com/[email protected]/client/shim.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/zone.min.js"></script>
<script src="https://unpkg.com/[email protected]/bundles/Rx.min.js"></script>
<script src="https://unpkg.com/@angular/[email protected]/bundles/core.umd.js"></script>
<script src="https://unpkg.com/@angular/[email protected]/bundles/common.umd.js"></script>
<script src="https://unpkg.com/@angular/[email protected]/bundles/compiler.umd.js"></script>
<script src="https://unpkg.com/@angular/[email protected]/bundles/platform-browser.umd.js"></script>
<script src="https://unpkg.com/@angular/[email protected]/bundles/platform-browser-dynamic.umd.js"></script>
<my-app></my-app>

TypeScript

let { Component, NgModule } = ng.core;
let { DatePipe } = ng.common;
@Component({
  selector: 'my-app',
  template: `
  	<h1 (click)="print()">{{ datePipe.transform(nowDate, 'yyyy-MM-dd HH:mm:ss') }}</h1>
  `,
})
class HomeComponent {
    nowDate = new Date();
    datePipe: DatePipe;
    constructor() {
      this.datePipe = new DatePipe('en-US');
    }
    
    print(){
      let combinedDisclosuresUrl = "https://ibxit2.keybank.com/mbl/api/unauth/v1/ao/disclosures/pdf?bankNumber=4451&productArea=DEPS&productGroup=DDA&subProduct=KMMA&pricingDistrict=000000001&name=FA-KBNA&action=special"
      var pdfWin = window.open(combinedDisclosuresUrl, '_blank');
      if (pdfWin.addEventListener) {
          pdfWin.addEventListener('load', function() {
          pdfWin.print();
        }, true);
      }
    }
}

const { LOCALE_ID, NgModule } = ng.core;
const { BrowserModule } = ng.platformBrowser;
@NgModule({
  imports:      [ BrowserModule ],
  declarations: [ HomeComponent ],
  providers: [ { provide: LOCALE_ID, useValue: 'ko' } ],
  bootstrap:    [ HomeComponent ]
})
class AppModule { }

const { platformBrowserDynamic } = ng.platformBrowserDynamic;
platformBrowserDynamic().bootstrapModule(AppModule);