enrique7mc

<form class="search-form">
  <input type="text" class="search" placeholder="City or State">
  <ul class="suggestions">
    <li>Filter for a city</li>
    <li>or a state</li>
  </ul>
</form>

enrique7mc

<form class="search-form">
  <input type="text" class="search" placeholder="City or State">
  <ul class="suggestions">
    <li>Filter for a city</li>
    <li>or a state</li>
  </ul>
</form>

enrique7mc

import { Component, OnInit, ViewChild } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/fromEvent';

@Component({
  selector: 'app-root',
  styleUrls: ['./app.component.css'],
  template: `
  <button #btn md-raised-button color="accent">Click me!</button>
  <div class="container">

enrique7mc

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

interface Child {
  name: string,
  age: number
}

interface Passenger {
  id: number,
  fullName: string,

enrique7mc

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


interface Passenger {
  id: number,
  fullName: string,
  checkedIn: boolean,
  checkedInDate?: number
}

enrique7mc

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


interface Passenger {
  id: number,
  fullName: string,
  checkedIn: boolean
}

@Component({

enrique7mc

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


interface Passenger {
  id: number,
  fullName: string,
  checkedIn: boolean
}

@Component({

enrique7mc

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


interface Passenger {
  id: number,
  fullName: string,
  checkedIn: boolean
}

@Component({

enrique7mc

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


interface Passenger {
  id: number,
  fullName: string,
  checkedIn: boolean
}

@Component({

enrique7mc

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

@Component({
  selector: 'app-root',
  styleUrls: ['app.component.scss'],
  template: `
    <div class="app">
      <input
        type="text"
        [value]="name"