D-Net

import {Component} from '@angular/core';

import {Router} from '@angular/router';

import {Observable}       from 'rxjs/Observable';

import {Location} from '@angular/common';

@Component({

    selector: 'home',

    template:`

    <div class="container">

      <div class="row">

        <form>

          <div class="col-lg-6">

            <div class="input-group">

              <input #term type="text" class="form-control col-xs-5" placeholder="Search for..."  name="keyword" >

              <span class="input-group-btn">

                <button class="btn btn-default" type="submit" (click)="searchTerm(term.value)" >GO</button>

              </span>

            </div>

          </div>

        </form>

      </div>

    </div>

`

 })

export class HomeComponent {

  private start ;private end ;

  constructor ( private _router: Router, private location: Location) {

    this.start = new Date().getTime();

  }

  ngOnInit() {

    this.end = new Date().getTime();

    var time = this.end - this.start;

    console.log('ngOnInit:Execution time: ' + time);

}

ngAfterContentInit() {

this.end = new Date().getTime();

var time = this.end - this.start;

console.log('ngAfterContentInit:Execution time: ' + time);

}

ngAfterViewChecked() {

this.end = new Date().getTime();

var time = this.end - this.start;

console.log('ngAfterViewChecked: Execution time: ' + time);

}

  searchTerm(term: string) {

        window.location.href="/search/find?keyword="+term;

  }

}