title: Get the value from select input on a form with typescript Angular 6
body: <p>i have a form html code write with angular 6 typescript and i don't know how to get the selected value from the component?</p>
  
  <p>below is my html page.</p>
  
  <pre><code>&lt;article&gt;
      &lt;h1&gt;What is your gender?&lt;/h1&gt;
      &lt;h2&gt;&lt;span&gt;Select a gender:&lt;/span&gt;&lt;/h2&gt;
      &lt;select&gt;
          &lt;option value="1"&gt;Male&lt;/option&gt;
          &lt;option value="2"&gt;Female&lt;/option&gt;
          &lt;option value="3"&gt;Intersex&lt;/option&gt;
          &lt;option value="4"&gt;Trans&lt;/option&gt;
          &lt;option value="5"&gt;Others&lt;/option&gt;
      &lt;/select&gt;
      &lt;p&gt;&lt;span&gt;You selected: &lt;/span&gt;&lt;b&gt;{{selectedDay}}&lt;/b&gt;&lt;/p&gt;
  &lt;/article&gt;
  </code></pre>