title: how to hide list when user select item from list?
body: <p>could you please tell me how to hide list when user select item from list .Actually when user type anything on text field it show a list , when user select any row from the list it set value on text field .But that time I need to hide my list .So I take one boolean variable  <strong>$scope.islisthide=false;</strong> using that value I need to hide or show list .Please press <strong>"a"</strong> than select value from list .I already use <strong>ng-show</strong> but how to add condition in that .</p>
  
  <pre><code>&lt;div class="listcontainer" ng-show="SEARCH.stationCode" &gt;
      &lt;li ng-click="rowclick(station)" class="item" ng-repeat="station in data.data | filter:SEARCH.stationCode :startsWith"&gt;{{station.stationName+"-("+station.stationCode+")"}}&lt;/li&gt;
  &lt;/div&gt; 
  
  $scope.rowclick = function(station) {
      $scope.SEARCH.stationCode=station.stationCode;
      //  $scope.$apply();
  }
  </code></pre>
  
  <p>here is my code
  <a href="http://codepen.io/anon/pen/zGYPWj" rel="nofollow">http://codepen.io/anon/pen/zGYPWj</a></p>