title: Get Value From Select Option in Angular 4
body: <p>How do I get the value from the select option in Angular 4?</p>
  
  <p>I want to assign it to a new variable in the component.ts file. I've tried this but outputs nothing.</p>
  
  <p>Can you also do it using [(ngModel)]?</p>
  
  <p>component.html</p>
  
  <pre><code>&lt;form class="form-inline" (ngSubmit)="HelloCorp(f)" #f="ngForm"&gt;
       &lt;div class="select"&gt;
           &lt;select class="form-control col-lg-8" #corporation required&gt;
               &lt;option *ngFor="let corporation of corporations" [value]="corporationObj"&gt;{{corporation.corp_name}}&lt;/option&gt;    
           &lt;/select&gt;
               &lt;button type="submit" class="btn btn-primary manage"&gt;Submit&lt;/button&gt;
       &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>component.ts</p>
  
  <pre><code>HelloCorp() {
  const corporationObj = corporation.value;
  }
  </code></pre>