Question

你可以告诉我当用户从列表中选择项目时如何隐藏列表。实际上，当用户在文本字段上键入任何内容时，它会显示一个列表，当用户从列表中选择任何行时，它会在文本字段上设置值。但是那个时候我需要隐藏我的列表。所以我使用一个布尔变量 $ scope.islisthide = false; 使用我需要隐藏或显示列表的值。请按＆＃34; a＆＃34 ; 比从列表中选择值。我已经使用 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

的标记

用户从列表中选择项目时如何隐藏列表？

1 个答案: