title: How to use input in angular2 with material design.I got the ORIGINAL EXCEPTION: No value accessor for ' '
body: <p>Here I am trying to use the input in angular2 with material design and I got the error.My code is generate error only when i add the input filed.I want to implement input with material design.</p>
  
  <pre><code>    &lt;dialog class="mdl-dialog" [open]="isOpen"&gt;
    &lt;h4 class="mdl-dialog__title"&gt;Allow data collection?&lt;/h4&gt;
    &lt;div class="mdl-dialog__content"&gt;
      &lt;p&gt;
        Allowing us to collect data will let us get you the information you want faster.
      &lt;/p&gt;
  
      &lt;md-input placeholder="amount"&gt;
        &lt;span md-prefix&gt;$&amp;nbsp;&lt;/span&gt;
        &lt;span md-suffix&gt;.00&lt;/span&gt;
      &lt;/md-input&gt;
    &lt;/div&gt;
    &lt;div class="mdl-dialog__actions"&gt;
      &lt;button md-raised-button color="primary" (click)="toggleDialog()"&gt;Agree&lt;/button&gt;
      &lt;button md-raised-button&gt;Disagree&lt;/button&gt;
    &lt;/div&gt;
  &lt;/dialog&gt;
  </code></pre>
  
  <p>But I got the following error.</p>
  
  <pre><code>EXCEPTION: Error in http://localhost:5555/node_modules/@angular2-material/input/input.js class MdInput - inline template:0:844
      ORIGINAL EXCEPTION: No value accessor for ''
      Error: No value accessor for ''
          at new BaseException (forms.umd.js:599)
          at _throwError (forms.umd.js:1569)
          at setUpControl (forms.umd.js:1546)
          at NgModel._setUpStandalone (forms.umd.js:2349)
          at NgModel._setUpControl (forms.umd.js:2341)
          at NgModel.ngOnChanges (forms.umd.js:2300)
          at DebugAppView._View_MdInput0.detectChangesInternal (MdInput.template.js:249)
          at DebugAppView.AppView.detectChanges (core.umd.js:11841)
          at DebugAppView.detectChanges (core.umd.js:11945)
          at DebugAppView.AppView.detectViewChildrenChanges (core.umd.js:11867)
  
  
      ViewWrappedException {_wrapperMessage: "Error in http://localhost:5555/node_modules/@angul…ut/input.js class MdInput - inline template:0:844", _originalException: BaseException, _originalStack: "Error: No value accessor for ''↵    at new BaseExc…dules/@angular/core/bundles/core.umd.js:11867:23)", _context: DebugContext, _wrapperStack: "Error: Error in http://localhost:5555/node_modules…esInternal (LoginComponent_Host.template.js:30:8)"}
  </code></pre>
  
  <p>here is my .ts file</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import { ROUTER_DIRECTIVES } from '@angular/router';
  
  import { MdToolbar } from '@angular2-material/toolbar';
  import { MdCard } from '@angular2-material/card';
  import { MdButton } from '@angular2-material/button';
  import { MdCheckbox } from '@angular2-material/checkbox';
  
  import {FORM_DIRECTIVES} from '@angular/forms'
  import { MdSpinner, MdProgressCircle } from '@angular2-material/progress-circle';
  
  import {MD_INPUT_DIRECTIVES} from '@angular2-material/input'
  
  //import { REACTIVE_FORM_DIRECTIVES } from '@angular/forms/index';
  
  /**
   * This class represents the lazy loaded LoginComponent.
   */
  @Component({
    moduleId: module.id,
    selector: 'login-cmp',
    styleUrls: ['dialog.css'],
    templateUrl: 'login.component.html',
    directives: [
      ROUTER_DIRECTIVES, 
      MdToolbar,
      MdButton,
      MdCheckbox,
      MdSpinner,
      MdProgressCircle,
      MdCard,
      MD_INPUT_DIRECTIVES, FORM_DIRECTIVES]
  })
  export class LoginComponent implements OnInit {
    googleUrl: string = 'https://www.google.com';
    title1: string = 'Button';
    title4: string = 'Warn';
    isDisabled: boolean = true;
    isOpen: boolean = false;
    dialog:any;
    modalMethod: string;
  
    user: {
      email: string
      password: string
    } = {
      email: '',
      password: '',
    }
  
    toggleDialog() {
      this.isOpen = !this.isOpen;
      if (this.isOpen) {
        this.dialog.showModal();
      } else {
        this.dialog.close();
      }
    }
  
    ngOnInit() {
      this.dialog = document.querySelector('dialog');
    }
  
  }
  </code></pre>