title: Angular Material - dropdown
body: <p>I have a dropdown within a <code>md-input-container</code>. </p>
  
  
  
  <pre class="lang-html prettyprint-override"><code>&lt;md-input-container class="md-block" flex-gt-sm&gt;
     &lt;label&gt;Domain&lt;/label&gt;
     &lt;md-select formControlName="domain" id="domain" style="min-width: 170px;"&gt;
        &lt;md-option *ngFor="let domain of userDomains" [value]="domain"&gt;
            {{domain}}
        &lt;/md-option&gt;
     &lt;/md-select&gt;
  &lt;/md-input-container&gt;
  </code></pre>
  
  <p>I get this error: </p>
  
  <blockquote>
    <p><code>md-input-container</code> must contain an <code>mdInput</code> directive. Did you forget to add <code>mdInput</code> to the native input or textarea element?</p>
  </blockquote>
  
  <p>How can I fix this? </p>