title: How to clear uib-typeahead dropdown list in angularjs
body: <p>I using uib-typeahead. I am making api call when type something in uib-typeahead.</p>
  
  <p>I added cancel a icon next to my uib-typeahead text box to clear that text and dropdown values when I click on that cancel icon, but when I click on the cancel icon it only clears text from uib-typeahead. The dropdown does not clear.</p>
  
  <p>How do I clear the dropdown when I click on the cancel icon?</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;input class="form-control" type="text" ng-model="searchObject" placeholder="Search name" 
       uib-typeahead="value as value.name for a in search($viewValue)" 
            typeahead-on-select="onSelect($item, $model, $label)"&gt;
            
            &lt;--!  This is Cancel button --&gt;                    
            &lt;a class="clear" ng-click="searchObject = null;"&gt;
                &lt;span class="fa fa-times"&gt;&lt;/span&gt;
            &lt;/a&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$scope.search = function(val) {
          //Some API call and return Array Of Object 
          return Array Of Object
      };
  </code></pre>