title: dropdown selected value in typescript angularjs
body: <p>I have a dropdown and apply button in my html, and in my ts file, I have apply() function and array declared. I am able to display the dropdown with values in my front end, but when I click on the apply button, I dont get the selected value from the dropdown. I use a lert box for now to display the selected value. </p>
  
  <pre><code> &lt;div class="form-group"&gt;
                  &lt;label for="inputdefault" class="control-label col-sm-2"&gt;Portal:&lt;/label&gt;
                   &lt;div class="col-sm-10"&gt;
  
                      &lt;select class="form-control" id="inputdefault" name = "portal"&gt;
                          &lt;option *ngFor="let c of portalValues"&gt;{{c.group}}&lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
            &lt;div class="form-group"&gt;
                  &lt;div class="col-sm-offset-2 col-sm-10"&gt;
                      &lt;button type="button" class="btn btn-primary" (click)="apply(portal)"&gt;Apply&lt;/button&gt;                    
                      &lt;button type="reset" class="btn btn-default" (click)="cancel()"&gt;Clear&lt;/button&gt;
                  &lt;/div&gt;
              &lt;/div&gt; 
  </code></pre>
  
  <p>In ts,  </p>
  
  <pre><code> portalValues: Array&lt;Object&gt; = [{id:1, group:'Enterprise'},{id:2, group:'Business'}];
  
  apply(portal:any) {
       alert(portal);
    }
  </code></pre>
  
  <p>and alert value is displayed as undefined. How to get the selected value from the dropdown. </p>