p.location-badge.
  exported from <a href='../forms'>angular2/forms</a>
  defined in <a href="https://github.com/angular/angular/tree/2.0.0-alpha.36/modules/angular2/src/forms/directives/select_control_value_accessor.ts#L24-L82">angular2/src/forms/directives/select_control_value_accessor.ts (line 24)</a>

:markdown
  This module is used for handling user input, by defining and building a <a href='ControlGroup-class.html'><code>ControlGroup</code></a> that
  consists of
  <a href='Control-class.html'><code>Control</code></a> objects, and mapping them onto the DOM. <a href='Control-class.html'><code>Control</code></a> objects can then be used
  to read information
  from the form DOM elements.
  
  This module is not included in the `angular2` module; you must import the forms module
  explicitly.

.l-main-section
  h2 Annotations
  .l-sub-section
    h3.annotation Directive
    pre.prettyprint
      code.
        @Directive({
          selector: &#39;select[ng-control],select[ng-form-control],select[ng-model]&#39;,
          host: {
            &#39;(change)&#39;: &#39;onChange($event.target.value)&#39;,
            &#39;(input)&#39;: &#39;onChange($event.target.value)&#39;,
            &#39;(blur)&#39;: &#39;onTouched()&#39;,
            &#39;[class.ng-untouched]&#39;: &#39;ngClassUntouched&#39;,
            &#39;[class.ng-touched]&#39;: &#39;ngClassTouched&#39;,
            &#39;[class.ng-pristine]&#39;: &#39;ngClassPristine&#39;,
            &#39;[class.ng-dirty]&#39;: &#39;ngClassDirty&#39;,
            &#39;[class.ng-valid]&#39;: &#39;ngClassValid&#39;,
            &#39;[class.ng-invalid]&#39;: &#39;ngClassInvalid&#39;
          }
        })


.l-main-section
  h2 Members
  .l-sub-section
    h3 constructor

    
    pre.prettyprint
      code.
        constructor(cd: NgControl, renderer: Renderer, elementRef: ElementRef, query: QueryList&lt;NgSelectOption&gt;)
    
    :markdown
      
      




  .l-sub-section
    h3 cd

    
    :markdown
      
      





  .l-sub-section
    h3 value

    
    :markdown
      
      





  .l-sub-section
    h3 onChange

    
    :markdown
      
      





  .l-sub-section
    h3 onTouched

    
    :markdown
      
      





  .l-sub-section
    h3 renderer

    
    :markdown
      
      





  .l-sub-section
    h3 elementRef

    
    :markdown
      
      





  .l-sub-section
    h3 writeValue

    
    pre.prettyprint
      code.
        writeValue(value: any)
    
    :markdown
      
      





  .l-sub-section
    h3 ngClassUntouched

    
    :markdown
      
      





  .l-sub-section
    h3 ngClassTouched

    
    :markdown
      
      





  .l-sub-section
    h3 ngClassPristine

    
    :markdown
      
      





  .l-sub-section
    h3 ngClassDirty

    
    :markdown
      
      





  .l-sub-section
    h3 ngClassValid

    
    :markdown
      
      





  .l-sub-section
    h3 ngClassInvalid

    
    :markdown
      
      





  .l-sub-section
    h3 registerOnChange

    
    pre.prettyprint
      code.
        registerOnChange(fn: () =&gt; any)
    
    :markdown
      
      





  .l-sub-section
    h3 registerOnTouched

    
    pre.prettyprint
      code.
        registerOnTouched(fn: () =&gt; any)
    
    :markdown