title: Disable the submit button for the default Dropdown value in an angular 2 Form
body: <p>I have a select  country dropdown which has a default value called "Select". There is a submit button at the bottom of the page which should get enabled only when the dropdown has some country values. For default value, the button should be disabled as it a mandatory field.</p>
  
  <p>I have created a component for the dropdown in my .ts file.</p>
  
  <pre><code>@component({
  
  selector:'country-component',
  template:'&lt;form&gt;
  &lt;select&gt;
  &lt;option [disabled]="butDisabled"&gt;Select&lt;/option&gt;
  &lt;option [value]="" *ngFor="let country of countryList"&gt;{{country.label}}&lt;/option&gt;
  &lt;/select&gt;
  &lt;/form&gt;'
  
  })
  
  export class countryComponent implements onInit{
  butDisabled: boolean = true;
  }
  </code></pre>
  
  <p>In my html-</p>
  
  <pre><code>&lt;country-component (ngModelOptions)="{standalone:true}" name=""&gt;&lt;/country-component&gt;
  
  &lt;button&gt;Submit&lt;/button&gt;
  </code></pre>
  
  <p>This does not work.It makes the entire dropdown disabled. Can anyone let me know where I am going wrong.</p>