search-bar.component.ts

import { Component, EventEmitter, OnInit, Output } from '@angular/core';

@Component({
  selector: 'app-search-bar',
  template: `
    <md-input-container class="search-bar">
      <input mdInput #searchquery placeholder="Search">
      <span md-prefix>
        <i class="material-icons app-input-icon">search</i>&nbsp;
      </span>
    </md-input-container>
  `,
  styles: ['.search-bar { width: 100%; }']
})
export class SearchBarComponent implements OnInit {

  @Output() queryUpdated = new EventEmitter<string>();

  constructor() { }

  ngOnInit() {
  }

}