title: Angular 2: Drop down default value with validation not working
body: <p>Currently I am stuck with drop down, the problem is the required validator and the default value selected </p>
  
  <p><strong>Snippet1.html</strong></p>
  
  <pre><code>            &lt;div class="input-group" &gt;
                &lt;select  required name="industryType" id="industryType" [(ngModel)]="institution.industryType" aria-describedby="sizing-addon1" class="select-custom"&gt;
                  &lt;option selected [value]="null"&gt;Select Industry&lt;/option&gt;
                  &lt;option value="IT"&gt;IT&lt;/option&gt;
                  &lt;option value="Business"&gt;Business&lt;/option&gt;
                  &lt;option value="Engineering"&gt;Engineering&lt;/option&gt;
                  &lt;option value="Teaching"&gt;Teaching&lt;/option&gt;
                  &lt;option value="Marketing"&gt;Marketing&lt;/option&gt;
                &lt;/select&gt;
                &lt;/div&gt;
  
       &lt;button type="submit"   class="btn btn-primary login-button border-custom"&gt;Add Industry&lt;/button&gt;
  </code></pre>
  
  <p>On clicking button it asks me to fill the drop down but the problem is <strong>default value is not selected i.e Select Industry</strong> rather then showing the default value it shows nothing, but the validation works fine.</p>
  
  <p><strong>Snippet2.html</strong></p>
  
  <pre><code>        &lt;div class="input-group" &gt;
            &lt;select   required name="industryType" id="industryType" [(ngModel)]="institution.industryType" aria-describedby="sizing-addon1" class="select-custom"&gt;
              &lt;option selected [value]="default"&gt;Select Industry&lt;/option&gt;
              &lt;option value="IT"&gt;IT&lt;/option&gt;
              &lt;option value="Business"&gt;Business&lt;/option&gt;
              &lt;option value="Engineering"&gt;Engineering&lt;/option&gt;
              &lt;option value="Teaching"&gt;Teaching&lt;/option&gt;
              &lt;option value="Marketing"&gt;Marketing&lt;/option&gt;
            &lt;/select&gt;
               &lt;/div&gt;
   &lt;button type="submit"   class="btn btn-primary login-button border-custom"&gt;Add Industry&lt;/button&gt;
  </code></pre>
  
  <p>On clicking button it does not asks me to fill the drop down but the  <strong>default value is selected i.e Select Industry</strong>, validation doesn't work with this snippet can any one suggest me what I am doing wrong or what is the right way to do it?</p>