title: How to access UI-SELECT Dropdown value [AngularJS 1.4.7]
body: <p>I'm unable to access the selected dropdown value in UI-Select, How do I access the selected values in the controller?</p>
  
  <pre><code>&lt;ui-select name="optionType" ng-model="optionType.selected" theme="bootstrap"  append-to-body="true" reset-search-input="true"&gt;
    &lt;ui-select-match placeholder="Option"&gt;
      &lt;span ng-bind-html="ctrl.trustAsHtml($select.selected.type)"&gt;&lt;/span&gt;
    &lt;/ui-select-match&gt;
    &lt;ui-select-choices repeat="option in optionTypes | filter: $select.search" position="down"&gt;
      &lt;span ng-bind-html="ctrl.trustAsHtml(option.type) | highlight: $select.search"&gt;&lt;/span&gt;
    &lt;/ui-select-choices&gt;
  &lt;/ui-select&gt;
  </code></pre>
  
  <p>Controller: </p>
  
  <pre><code>$scope.optionType = {};
  
  $scope.optionTypes =
    [
      {type: "Risk Reversal"},
      {type: "Straddle"},
      {type: "Strangle"},
      {type: "Spread"},
      {type: "VANILLA"}
    ]
  </code></pre>