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

:markdown
  The accessor for writing a value and listening to changes on a select element.
  
  

.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 constructor

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




  .l-sub-section
    h3#value value

    
    :markdown





  .l-sub-section
    h3#onChange onChange

    
    :markdown





  .l-sub-section
    h3#onTouched onTouched

    
    :markdown





  .l-sub-section
    h3#writeValue writeValue

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





  .l-sub-section
    h3#ngClassUntouched ngClassUntouched

    
    :markdown





  .l-sub-section
    h3#ngClassTouched ngClassTouched

    
    :markdown





  .l-sub-section
    h3#ngClassPristine ngClassPristine

    
    :markdown





  .l-sub-section
    h3#ngClassDirty ngClassDirty

    
    :markdown





  .l-sub-section
    h3#ngClassValid ngClassValid

    
    :markdown





  .l-sub-section
    h3#ngClassInvalid ngClassInvalid

    
    :markdown





  .l-sub-section
    h3#registerOnChange registerOnChange

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





  .l-sub-section
    h3#registerOnTouched registerOnTouched

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




