angular2-boiler-plate/src/app/app.component.ts

Angular 2 Boiler plate that integrated with WebPack, TypeScript, DatePicker, RxJs for Reactive Extensions in Java Script , Karma , Jasmine for unit testing , WebKit ,protractor e2e testing

import { INavigationModel,
         NavigationModel,
         RouteLinkModel } from './sui/sui.navigation/sui.navigation.model';
import { Component } from '@angular/core';
import '../../public/css/style.css';
@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls:  ['./app.component.css']
})
export class AppComponent {
  public nav: INavigationModel;
    constructor() {
      this.nav = new NavigationModel('Simple UI');
      let links = [new RouteLinkModel('welcome', 'Welcome', 'fa fa-tachometer', 'nav-link'),
                   new RouteLinkModel('ratingsUi', 'Rating Sample'),
                   new RouteLinkModel('tableUi', 'Table Sample'),
                   new RouteLinkModel('sampleForm', 'Form Sample'),
                   new RouteLinkModel('sampleModal', 'Modal Sample'),

                  ];
      this.nav.cssClass = 'sui-xlarge';
      this.nav.links = links;
    }
}