Как скрыть список, когда пользователь выбирает элемент из списка?

Question

Не могли бы вы рассказать мне, как скрыть список, когда пользователь выбирает элемент из списка. Обычно, когда пользователь вводит что-либо в текстовое поле, он отображает список, когда пользователь выбирает любую строку из списка, которую она задает в текстовом поле. Но это время я нужно скрыть свой список. Так что я берю одну логическую переменную $ scope.islisthide = false;, используя это значение Мне нужно скрыть или показать список. Пожалуйста, нажмите «a», чем выберите значение из списка. Я уже использую ng-show, но как добавить в него условие.

<div class="listcontainer" ng-show="SEARCH.stationCode" > 
    <li ng-click="rowclick(station)" class="item" ng-repeat="station in data.data | filter:SEARCH.stationCode :startsWith">{{station.stationName+"-("+station.stationCode+")"}}</li> 
</div> 

$scope.rowclick = function(station) { 
    $scope.SEARCH.stationCode=station.stationCode; 
    // $scope.$apply(); 
} 

вот мой код http://codepen.io/anon/pen/zGYPWj

Answer 1

Просто используйте флаг, чтобы указать, был ли сделан выбор. Вот пример:

http://codepen.io/anon/pen/RPwjvN

Я использую флаг под названием selected